1. #1
    Sencha User
    Join Date
    Feb 2008
    Posts
    99
    Vote Rating
    0
    sekaijin is on a distinguished road

      0  

    Default column align in dataView

    column align in dataView


    Hi,

    I'm using a data view.
    howto align in columns like:
    Code:
    +------------------+
    | Item1     Item 6 |
    | Item2     Item 7 |
    | Item3            |
    | Item4            |
    | Item5            |
    +------------------+
    Thank
    A+JYT

  2. #2
    Sencha - Community Support Team sword-it's Avatar
    Join Date
    May 2012
    Location
    Istanbul
    Posts
    1,333
    Vote Rating
    85
    sword-it is a jewel in the rough sword-it is a jewel in the rough sword-it is a jewel in the rough sword-it is a jewel in the rough

      0  

    Default


    Hi,

    you can use css for your column(text-align:'center') or may you provide your code for better understanding
    sword-it.com, Sencha Developer House in Turkey - Istanbul University Technopark Suite 204.

  3. #3
    Sencha User
    Join Date
    Feb 2008
    Posts
    99
    Vote Rating
    0
    sekaijin is on a distinguished road

      0  

    Default


    http://dev.sencha.com/deploy/ext-4.1...data-view.html

    in this sample all items in dataview are aligned horizontaly.

    I want to align it verticaly
    A+JYT

  4. #4
    Sencha - Community Support Team sword-it's Avatar
    Join Date
    May 2012
    Location
    Istanbul
    Posts
    1,333
    Vote Rating
    85
    sword-it is a jewel in the rough sword-it is a jewel in the rough sword-it is a jewel in the rough sword-it is a jewel in the rough

      0  

    Default


    Hi,

    You can try to overwride css for this example http://dev.sencha.com/deploy/ext-4.1...data-view.html
    like as:-
    <style type="text/css"> #images-view .thumb-wrap {
    margin: 4px 0 4px 4px !important;
    padding: 5px !important;


    }

    </style>

    it will convert horizontaly to vertically
    sword-it.com, Sencha Developer House in Turkey - Istanbul University Technopark Suite 204.

  5. #5
    Sencha User
    Join Date
    Feb 2008
    Posts
    99
    Vote Rating
    0
    sekaijin is on a distinguished road

      0  

    Default


    HI.
    thank you for your help

    but this does not work. I tried similar solutions.
    this solution aligns all thumbnails vertically, but a single column, overflowing the dataview .
    some items are no longer visible.
    Code:
    +------------------+
    | Item1            |
    | Item2            |
    | Item3            |
    | Item4            |
    | Item5            |
    +------------------+ <-- dataview limit
      Item 6             <-- invisibles items
      Item 7
    i want this
    Code:
    +------------------+
    | Item1     Item 6 |
    | Item2     Item 7 |
    | Item3            |
    | Item4            |
    | Item5            |
    +------------------+
    Thank
    A+JYT

  6. #6
    Sencha - Community Support Team sword-it's Avatar
    Join Date
    May 2012
    Location
    Istanbul
    Posts
    1,333
    Vote Rating
    85
    sword-it is a jewel in the rough sword-it is a jewel in the rough sword-it is a jewel in the rough sword-it is a jewel in the rough

      0  

    Default


    Hi,

    You can use overflow:'scroll' to your item's parent then all items will be visible vertically in DataView
    sword-it.com, Sencha Developer House in Turkey - Istanbul University Technopark Suite 204.

  7. #7
    Sencha User
    Join Date
    Feb 2008
    Posts
    99
    Vote Rating
    0
    sekaijin is on a distinguished road

      0  

    Default


    hello,
    my problem is not to bring up items that are outside.
    but to arrange the elements on several columns

    A + JYT

  8. #8
    Touch Premium Member suzuki1100nz's Avatar
    Join Date
    Apr 2011
    Location
    New Zealand
    Posts
    450
    Vote Rating
    66
    suzuki1100nz is just really nice suzuki1100nz is just really nice suzuki1100nz is just really nice suzuki1100nz is just really nice

      0  

    Default


    Have a look at checkboxgroup layout it may provide what you need with some extending

Thread Participants: 2