I have the following markup of nested splitters. I'm having an issue with the splitter pane (brPane) which is near the bottom of the markup. The central nested splitter (rsB) should have left and right fixed pane widths and the middle pafe is free. However, even though I set the right hand pane width to 355px, I can't seem to get it that size. It always appears about 185px wide. Anyone know what might be going on?
<telerik:RadSplitter ID="rsTC" |
runat="server" |
Width="100%" |
Height="100%" |
Orientation="Horizontal" |
ResizeWithParentPane="False" |
HeightOffset="0" |
BorderSize="0" |
PanesBorderSize="0" |
VisibleDuringInit="False" |
Skin="Hay" |
SplitBarsSize="5" |
> |
<telerik:radpane runat="server" id="supHPane" Scrolling="None" Width="100%" Height="30px"> |
Header 1 Content |
</telerik:radpane> |
<telerik:radpane runat="server" id="hPane" Scrolling="None" Width="100%" Height="114px" > |
Header 2 Content </telerik:radpane> |
<telerik:radpane runat="server" id="spacerPane1" Scrolling="None" Width="100%" Height="2px" CssClass="ThreeColumnSpacer_Horizontal"></telerik:radpane> |
<telerik:radpane runat="server" id="shPane" Scrolling="None" Width="100%" Height="40px" CssClass="ThreeColumnSubHeader"> |
Header 3 content </telerik:radpane> |
<telerik:radpane runat="server" id="bPane" Scrolling="None" Width="100%" Height="100%" CssClass="WebsiteContentItem"> |
<telerik:RadSplitter ID="rsB" |
runat="server" |
Width="100%" |
Height="100%" |
Orientation="Vertical" |
ResizeWithParentPane="True" |
HeightOffset="140" |
BorderSize="0" |
PanesBorderSize="0" |
VisibleDuringInit="False" |
Skin="Hay" |
SplitBarsSize="5"> |
<telerik:radpane runat="server" id="blPane" Scrolling="None" Width="205px" Height="100%" CssClass="ThreeColumnLeftContent"> |
Left column content </telerik:radpane> |
<telerik:radpane runat="server" id="lspaceFrame" Scrolling="None" Height="100%" Width="2px" CssClass="ThreeColumnLeftSpacer"></telerik:radpane> |
<telerik:radpane runat="server" id="bcPane" Scrolling="None" Width="100%" Height="100%"> |
Center Column Content </telerik:radpane> |
<telerik:radpane runat="server" id="brPane" Scrolling="None" Width="355px" Height="100%" BackColor="Green"> |
Right Column COntent </telerik:radpane> |
</telerik:RadSplitter> |
</telerik:radpane> |
<telerik:radpane runat="server" id="fspaceFrame" Scrolling="None" Width="100%" Height="4px" CssClass="ThreeColumnSpacer_Horizontal"></telerik:radpane> |
<telerik:radpane runat="server" id="fPane" Scrolling="None" Width="100%" Height="25px"> |
Footer content |
</telerik:radpane> |
</telerik:RadSplitter> |