Dock control layout gets damage on browser resize

2 posts, 0 answers
  1. Deepak
    Deepak avatar
    15 posts
    Member since:
    Jun 2010

    Posted 13 Jul 2010 Link to this post

    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.

  2. Pero
    Admin
    Pero avatar
    1156 posts

    Posted 14 Jul 2010 Link to this post

    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
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top