ZK - Open Source Ajax Java FrameworkZK - Open Source Ajax Java Framework

How to construct Maxtrix Layout

vshardul43
13 Oct 2011 11:37:57 GMT
13 Oct 2011 11:37:57 GMT

Hi All,


I want to construct the layout where each row will have the different number of columns but the total length of the Row should remain same

e.g max row size 980px
Row1
------------------------------------------------------
| 200px | 200px | 200px | 280px |
------------------------------------------------------

Row2
------------------------------------------------------
| 200px | 780px |
------------------------------------------------------

Row3
------------------------------------------------------
| 200px | 420px | 280px
------------------------------------------------------

These rows should be dynamically created from Composer.

The spacing is getting shrink please ignore

Thanks
Shardul

vshardul43
14 Oct 2011 12:06:28 GMT
14 Oct 2011 12:06:28 GMT

Got the solution using grid layout

Created the columns of size 40Px and spanned them as needed in Cell
e.g

I need the 780px column. I spanned 760/40 = 19 columns
same for all the rows. Columns size is in multiple of 40.

Thanks
Shardul