Rapid expand and then collapse of RadDock renders empty container

[#CaughtUp#]

Hi All,

If anyone can shed some light on the following issue I am having.
I have several Rad Dock controls on a page and when I try to move (drag) one container but not actually move it altogether, the title bar greys out and then when I try to rapidly expand and collapse another container; eventually that container renders an empty container when in fact it had some data in it before expanding/collapsing it.

[Pero]

Hi,

Could you please give more information about the issue caused by dragging and dropping the docks? The only thing that might be causing problems is the fact that the Width of the control is specified in percents. The RadDock control is designed to be used in fixed layout, and its dimensions should always be specified in pixels. In case you still want to use percents, either of the following solutions should be used:

• Apply the following CSS to the page containing the docks:
  

    <style type="text/css">
      .rdTitleBar EM
      {
          width: 100% !important;
      }
      .rdCommands
      {
          position: absolute !important;
          right: 7px !important;
      }
  </style>

• Use the solution provided in the following article: http://www.telerik.com/support/kb/aspnet-ajax/dock/fixing-raddock-title-when-its-width-is-specified-in-percent-values-and-the-browser-is-resized.aspx
  

The problem with the disappearance of the content I believe it is present only when the animations of the control are enabled. Because it takes time for the content to show/hide when expanding/collapsing the dock (with animations enabled), the control cannot correctly calculate the content's and that's why the content disappears. If you think that the users will persistently expand and collapse the dock very quickly, then it is better to disable the animations.

Regards,
Pero
the Telerik team

[#CaughtUp#]

Thanks for your prompt response. setting the enableanimation property of the dock solved the issue.