Issue when Docking control added at runtime

[Abhijeet Yadwadkar]

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.

[Pero]

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

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.

[Abhijeet Yadwadkar]

Thanks Pero.

Your suggestion helped, the issue is resolved.