When i add a docking control at runtime to my page, the control is collapsed by default. When the user expands the control, the area between the Header & Content seems to be deformed. Please find the attached snapshot of the deformed control.

Hello Abhijeet,

Are you by any chance using dock's TitlebarTemplate? Please note that, the HTML elements (controls) placed inside the TitlebarTemplate need to be floated left (i.e. set float: left). So, please set float: left to all the elements, or wrap the entire content by a <div/> and set float: left to the div.

In case you have specified the width of the dock (or the dockzone where the dock resides) in percents, then you need to apply either of the following fixes:

• KB article
• Apply this CSS to the page containing the docks:
  
  <style type="text/css">

      .rdTitleBar EM

      {

          width: 100% !important;

      }

      .rdCommands

      {

          position: absolute !important;

          right: 7px !important;

      }

  </style>

If this does not help, please send us some sample code demonstrating the issue.


Sincerely yours,
Pero
the Telerik team

Thanks Pero.