This is a migrated thread and some comments may be shown as answers.

Dock control layout gets damage on browser resize

1 Answer 49 Views
Dock
This is a migrated thread and some comments may be shown as answers.
Deepak
Top achievements
Rank 1
Deepak asked on 13 Jul 2010, 05:12 PM

I am new to telerik controls and I just used Dock control on an asp.net 4.0 web page.

If I view the page when my browser is maximized then everything works fine.

But if I resize the browser then dock controls layout gets damage badly.

I am setting the width of dock zone and dock in percentage.

I have also attached the two screen shots with this, one with maximized browser and second after I resized the browser.

I have tried different things but still not able to find one full Prof Solution for this.

1 Answer, 1 is accepted

Sort by
0
Pero
Telerik team
answered on 14 Jul 2010, 12:40 PM
Hi Deepak,

The RadDock control is designed for a fixed layout and its Width and Height should be specified in pixels and not in percentage values. If the Width is specified in percentage then you should use either of the following solutions:
  • Follow the instructions in this article from our Knowledge Base.
  • Apply the following style to the page that contains the docks:
    <style type="text/css">
        .rdTitleBar EM
        {
            width: 100% !important;
        }
        .rdCommands
        {
            position: absolute !important;
            right: 7px !important;
        }
    </style>

Best wishes,
Pero
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
Tags
Dock
Asked by
Deepak
Top achievements
Rank 1
Answers by
Pero
Telerik team
Share this question
or