When placing a radDock inside of another the other RadDock automatically takes on the skin of the prior dock and becomes distorted. See the code below. Need to either have a different skin or not become distorted.
<
telerik:RadDockLayout
EnableViewState
=
"true"
runat
=
"server"
ID
=
"RadDockLayout1"
StoreLayoutInViewState
=
"true"
>
<
table
width
=
"100%"
cellpadding
=
"0"
cellspacing
=
"0"
>
<
tr
>
<
td
valign
=
"top"
width
=
"62%"
>
<
telerik:RadDockZone
EnableViewState
=
"true"
BorderStyle
=
"None"
ID
=
"RadDockZoneTopLeft"
runat
=
"server"
Orientation
=
"Vertical"
MinHeight
=
"500px"
>
<
telerik:RadDock
Skin
=
"NetVigour"
EnableEmbeddedSkins
=
"false"
EnableViewState
=
"true"
Visible
=
"true"
ID
=
"dockExchangeInformation"
DockMode
=
"Docked"
runat
=
"server"
Title
=
"Exchange Information"
Font-Bold
=
"true"
Width
=
"100%"
EnableAnimation
=
"true"
Resizable
=
"false"
>
<
Commands
>
<
telerik:DockExpandCollapseCommand
/>
</
Commands
>
<
ContentTemplate
>
<
p
>
<
telerik:RadDockLayout
EnableViewState
=
"true"
runat
=
"server"
ID
=
"RadDockLayout2"
StoreLayoutInViewState
=
"true"
>
<
telerik:RadDockZone
EnableViewState
=
"true"
BorderStyle
=
"None"
ID
=
"RadDockZone1"
runat
=
"server"
Orientation
=
"Vertical"
MinHeight
=
"500px"
>
<
telerik:RadDock
Skin
=
"Sunset"
EnableEmbeddedSkins
=
"false"
EnableViewState
=
"true"
Visible
=
"true"
ID
=
"RadDock1"
DockMode
=
"Docked"
runat
=
"server"
Title
=
"Exchange Information"
Font-Bold
=
"true"
Width
=
"100%"
EnableAnimation
=
"true"
Resizable
=
"false"
>
<
Commands
>
<
telerik:DockExpandCollapseCommand
/>
</
Commands
>
<
ContentTemplate
>
test
</
ContentTemplate
>
</
telerik:RadDock
>
</
telerik:RadDockZone
>
</
telerik:RadDockLayout
>
</
ContentTemplate
>
</
telerik:RadDock
>
</
telerik:RadDockZone
>
</
td
>
</
tr
>
</
table
>
</
telerik:RadDockLayout
>