RadDock display issue

[Chris]

So i'm having a problem with displaying a raddock. This does not happen every time but it happens enough to warrant some looking into. The pictures below explain it all, somehow the css just gets messed up.  I have to force a refresh from the server to get the controls to re-render properly. I also have validated the page with W3C and there are no outstanding issues.

Here is the code i use to display the docks:

			
<div id="f_body_box">
<input type="hidden" name="dirtyRows" value="~" />
<telerik:RadDockLayout ID="FormBodyDockZone" runat="server" StoreLayoutInViewState="True">
<telerik:RadDockZone ID="FormDockZoneRight" runat="server" Width="45%" Style="float: right" Height="100%" BorderStyle="None">
</telerik:RadDockZone>
<telerik:RadDockZone ID="FormDockZoneLeft" runat="server" Width="45%" Height="100%">
</telerik:RadDockZone>
</telerik:RadDockLayout>
</div>

Here is the code i use to create the dock:

// Create the dock control and add it to the layout
RadDock dock = new RadDock()
{
    DockMode = DockMode.Docked,
    ID = groupID.ToString(),
    Title = (from row in data.Tables[0].AsEnumerable() where row.Field<int>("group_id") == groupID select row.Field<string>("group_nm")).FirstOrDefault(),
    EnableAnimation = true,
    DefaultCommands = Telerik.Web.UI.Dock.DefaultCommands.ExpandCollapse,
    Skin = "Windows7",
};
dock.ContentContainer.Controls.Add(group);

// Add the dock to the alternating controls
if (i % 2 == 0)
{
    FormDockZoneLeft.Controls.Add(dock);
}
else
{
    FormDockZoneRight.Controls.Add(dock);
}

[Dobromir]

Hi Chris,

Such behaviour might be observed if the content of the RadDock's title contains line breaks and such and extends the size of the container. Could you please verify that the string set to the Title property does not contain any line breaks?

If this is not the case, and you are not using the latest version of RadControls, could you please try to upgrade your version and see if the problem still occurs?

Regards,
Dobromir
Telerik