Dock Postion changed when Resize the browser

2 posts, 0 answers
  1. Gopalakrishnan
    Gopalakrishnan avatar
    1 posts
    Member since:
    Sep 2010

    Posted 20 Sep 2010 Link to this post

    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.
  2. Pero
    Pero avatar
    1156 posts

    Posted 22 Sep 2010 Link to this post

    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,
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  3. DevCraft R3 2016 release webinar banner
Back to Top