-
24 May 2012 9:40 PM #1
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>', … });
-
24 May 2012 9:45 PM #2
I should add in that the other list (the working one) has the exact same Xtemplate… and works perfectly/looks perfectly
-
28 May 2012 6:08 AM #3Sencha - Senior Forum Manager
- Join Date
- Mar 2007
- Location
- St. Louis, MO
- Posts
- 33,582
- Vote Rating
- 434
- Answers
- 3102
Inspect the DOM to see where the space is coming from.
Mitchell Simoens @SenchaMitch
Sencha Inc, Senior Forum Manager
________________
http://www.JSONPLint.com - Source to lint your JSONP!
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 almost in print!
When posting code, please use BBCode's CODE tags.


Reply With Quote