fixed pane width issue

5 posts, 0 answers
  1. Albert Shenker
    Albert Shenker avatar
    550 posts
    Member since:
    Mar 2004

    Posted 14 Aug 2009 Link to this post

    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> 
  2. Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 17 Aug 2009 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Albert Shenker
    Albert Shenker avatar
    550 posts
    Member since:
    Mar 2004

    Posted 22 Aug 2009 Link to this post

    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.
  5. Albert Shenker
    Albert Shenker avatar
    550 posts
    Member since:
    Mar 2004

    Posted 26 Aug 2009 Link to this post

    Any update on this?
  6. Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 27 Aug 2009 Link to this post

    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.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017