1 Feb 2012 6:13 AM #1
Unanswered: Non-standard List Layout - Simple Float Left?
The company I work for is trying to decide on a framework to build a mobile offering into our e-commerce solution. Our designer likes the thumbnail grid layout that ASOS use on their product list pages, essentially it's a number of divs floated left. Looking at the standard List DataView that Sencha Touch offers, I can't see exactly how you'd alter the List to make it mirror that layout.
I assume that this is possible, but how much work would we be talking about? I imagine it would be a case of overriding the CSS somehow, but might this interfere with layout in other ways?
Thanks in advance.
1 Feb 2012 9:31 AM #2
- Join Date
- Mar 2007
- Gainesville, FL
- Vote Rating
Lining <div> elements up horizontally takes a couple CSS but float : left is a key. This is all controlled via CSS.Mitchell Simoens @LikelyMitch
Sencha Inc, Senior Software Engineer
Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
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 email@example.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.