1. #1
    Sencha User
    Join Date
    Aug 2011
    Location
    Mumbai, India
    Posts
    119
    Answers
    11
    Vote Rating
    4
    Sasha172 is on a distinguished road

      0  

    Default Unanswered: List itemTpl wrong

    Unanswered: List itemTpl wrong


    Hi,

    This is what my current List itemTpl looks like when working :

    Screen Shot 2012-05-25 at 11.05.45 AM.png

    Currently : there's a lotta extra white space around everything and it doesnt go away no matter what I do.

    What it should look like :
    Screen Shot 2012-05-25 at 11.09.18 AM.png
    See how the extra space is gone ?

    My Code :

    Code:
    var prodList = new Ext.List({
        fullscreen: true,
        itemTpl : '<tpl><table><tr><td></td><td><b><font color="red" size="2">{title}</font></b></td></tr><tr><td><img src="{url}.jpg" width="80" height="80"/></td><td height="20"><font size="1"><p>{meta:ellipsis(150, true)}</p></font></td></tr></table></tpl>',
        …
    });
    
    
    
    

  2. #2
    Sencha User
    Join Date
    Aug 2011
    Location
    Mumbai, India
    Posts
    119
    Answers
    11
    Vote Rating
    4
    Sasha172 is on a distinguished road

      0  

    Default


    I should add in that the other list (the working one) has the exact same Xtemplate… and works perfectly/looks perfectly

  3. #3
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,069
    Answers
    3499
    Vote Rating
    852
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Inspect the DOM to see where the space is coming from.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

Thread Participants: 1

Tags for this Thread