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 User mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    40,029
    Answers
    3976
    Vote Rating
    1368
      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
    Modus Create, Senior Frontend Engineer
    ________________
    Need any sort of Ext JS help? Modus Create is here to help!

    Check out my GitHub:
    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
  •