1. #1
    Ext User
    Join Date
    Dec 2008
    Posts
    4
    Vote Rating
    0
    arosequi is on a distinguished road

      0  

    Default [solved] Multiple Columns for ListView

    [solved] Multiple Columns for ListView


    I want something almost identical to the ListView example in the Explorer demo. I've got almost all of it working, but it's putting all of my items one per row. How would I tell it to place them in a grid? It definitely has enough room to place several of them side-by-side.

    In the Explorer demo, the XTemplate uses divs with classes "thumb-wrap" and "thumb". Is it something specified in those that is telling it the maximum width of an item?

    EDIT: I figured out that if I add "width: 25%" to the CSS style in the "thumb-wrap" div, it successfully shrinks the size of the ListView item. However, it's still just showing them in one single row. When I select an item, it only highlights 25% of the width, but it refuses to show any others next to it.

    EDIT: Turns out that you need to have "float: left" added to the CSS style for the thumb-wrap div. Sorry for cluttering up the forums. Maybe someone else will run into the problem...
    Last edited by arosequi; 17 Dec 2008 at 10:37 PM. Reason: Solved

  2. #2
    Sencha User
    Join Date
    Apr 2012
    Posts
    5
    Vote Rating
    0
    fhding618 is on a distinguished road

      0  

    Default


    wow! I run into the problem Thank you for your idea.

  3. #3
    Sencha User
    Join Date
    May 2012
    Posts
    4
    Vote Rating
    0
    ninhtran is on a distinguished road

      0  

    Default


    Maybe, this is a good ideas hehe. Thank for shared!

Thread Participants: 2