Results 1 to 3 of 3

Thread: List itemTpl wrong

  1. #1
    Sencha User
    Join Date
    Aug 2011
    Location
    Mumbai, India
    Posts
    120
    Answers
    11
    Vote Rating
    4
      0  

    Default 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
    120
    Answers
    11
    Vote Rating
    4
      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 - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,556
    Answers
    3932
    Vote Rating
    1272
      0  

    Default

    Inspect the DOM to see where the space is coming from.
    Mitchell Simoens @LikelyMitch
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it! Checkout the CODE tag!

    Check out my GitHub, lots of nice things for Ext JS and Sencha Touch
    https://github.com/mitchellsimoens

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •