column align in dataView

[sekaijin]

Hi,

I'm using a data view.
howto align in columns like:

+------------------+
| Item1     Item 6 |
| Item2     Item 7 |
| Item3            |
| Item4            |
| Item5            |
+------------------+

Thank
A+JYT

[sword-it]

Hi,

you can use css for your column(text-align:'center') or may you provide your code for better understanding

[sekaijin]

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

[sword-it]

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

[sekaijin]

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.

+------------------+
| Item1            |
| Item2            |
| Item3            |
| Item4            |
| Item5            |
+------------------+ <-- dataview limit
  Item 6             <-- invisibles items
  Item 7

i want this

+------------------+
| Item1     Item 6 |
| Item2     Item 7 |
| Item3            |
| Item4            |
| Item5            |
+------------------+

Thank
A+JYT

[sword-it]

Hi,

You can use overflow:'scroll' to your item's parent then all items will be visible vertically in DataView

[sekaijin]

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

A + JYT

[suzuki1100nz]

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