Dock Postion changed when Resize the browser

[Gopalakrishnan]

Here i attached two files one is widgets showing as well in the first file
First row takes two widgets and second row takes three widgets , this is correct.
but in the scond file  second row takes only two wdgets this is happening while resize the browser
i need three widgets should get take in the second row

Please help me.

[Pero]

Hello Gopalakrishnan,

I suppose (seeing from the screenshots) that you have zone with Horizontal Orientation. This means that the docks inside will be ordered horizontally, instead off stacked vertically. We achieve this behavior by setting float: left to the docks inside the horizontal zone. If there is no enough space (i.e. Width) on the current row to place a given dock, the dock will be moved to the next row. This is how CSS floating works. The floated elements will be shown right next to the other if there is enough Width.
So, if you have specified the Width of the zone in percentage values, then, on browser's resize the zone will also resize. In case the Width of browser window becomes smaller, the zone's Width will also become smaller, which means there won't be enough space for one (or more) of the docks and the dock(s) will appear on the next row, expanding the height of the zone (or overflowing it).
To avoid this RadDockZone's Width should be specified in pixels.


All the best,
Pero
the Telerik team