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:
Here is the code i use to create the dock:
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);
}