fixed pane width issue

[Albert Shenker]

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>

[Svetlina Anati]

Hello Albert,

I examined the markup and also built a demo page based on it. What I noticed is that the rsB splitter is with vertical orientation and you have set Width 100% to other panes - note that the sum width should be the width of the splitter and you also do not need to set height. Do not also set width and height to nested splitters which are directly in a RadPane. After I applied the above explained modifications, the green pane was sized as expected. For your convenience I attached my test page.


All the best,
Svetlina
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Albert Shenker]

I couldn't quite follow what you suggested, however, I loaded the file you attached and in both IE and Firefox the right hand column did not occupy the speicifed 355px.

[Albert Shenker]

Any update on this?

[Svetlina Anati]

Hello Albert ,

I again tested the demo page I  provided and it is working fine on my side with the 2009.1.402 build which you have specified. However, when testing it just in case with the Q2 release I was able to observe a problem and it is due to a known bug which is already fixed. If this is the dll you are using, please upgrade to the latest build - the SP we just released and test again whether everything is OK. 


All the best,
Svetlina
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.