Results 1 to 2 of 2

Thread: Non-standard List Layout - Simple Float Left?

  1. #1
    Sencha User
    Join Date
    Sep 2011
    Posts
    2
    Vote Rating
    0
      0  

    Question Non-standard List Layout - Simple Float Left?

    Hi There,

    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.

  2. #2
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,553
    Answers
    3931
    Vote Rating
    1272
      0  

    Default

    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
    ________________
    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
  •