Using RadSlidingZone/Pane in nested splitter. Can't dock Pane.

3 posts, 0 answers
  1. Doug
    Doug avatar
    23 posts
    Member since:
    Feb 2009

    Posted 17 Sep 2009 Link to this post

    My goal is to have a horizontal splitter (top & bottom panes) with vertical style slidingzone (tabs are vertical on the side). I want tabs for the top pane and tabs for the bottom pane.  The RadSlidingPanes are added dynamically.

    My approach is to have a horizontal Splitter/Pane embedding a Vertical Splitter/Pane with embedded SlidingPanes.

    The problem is that when I expand the SlidingPane and try to dock it, it is collapsing instead of docking.

    <telerik:RadSplitter ID="rsRightNav" Runat="server" Orientation="Horizontal">  
        <telerik:RadPane ID="rpTop" runat="server" MinHeight="100" MinWidth="100">  
            <telerik:RadSplitter ID="RadSplitter1" Runat="server" Orientation="Vertical">  
                <telerik:RadPane ID="rpTop_Content" runat="server" Scrolling="None" Width="100%">  
                    <telerik:RadSlidingZone ID="rszTop" Runat="server" > 
                        <telerik:RadSlidingPane ID="rsp1" runat="server" Title="Pane1" EnableDock="true">Content of Pane1</telerik:RadSlidingPane> 
                        <telerik:RadSlidingPane ID="rsp2" runat="server" Title="Pane2" EnableDock="true">Content of Pane2</telerik:RadSlidingPane> 
                        <!-- Dynamically added RadSlidingPanes --> 
                    </telerik:RadSlidingZone> 
                </telerik:RadPane> 
                <telerik:RadSplitBar ID="rpTop_Content_rsb1" runat="server" /> 
            </telerik:RadSplitter> 
        </telerik:RadPane> 
        <telerik:RadSplitBar ID="rsb1" runat="server" CollapseMode="Both" /> 
        <telerik:RadPane ID="rpBot" runat="server" MinHeight="100" MinWidth="100">  
            <telerik:RadSlidingZone ID="rszBot" Runat="server">  
            </telerik:RadSlidingZone> 
        </telerik:RadPane> 
    </telerik:RadSplitter> 
     

    As you can probably see I have not nested the bottom panel yet and I went ahead and put static SlidingPanes in and still can't dock.
  2. Doug
    Doug avatar
    23 posts
    Member since:
    Feb 2009

    Posted 17 Sep 2009 Link to this post

    Update: I was using 2009.1.311.20 and I changed to the 2009.2.701.35 and all is working correctly.  I can now dock the sliding panels.

    Thanks,
    Doug
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Tsvetie
    Admin
    Tsvetie avatar
    1517 posts

    Posted 18 Sep 2009 Link to this post

    Hello Doug,
    You have to add a second RadPane to the RadSplitter, holding the RadSlidingPane. For example:
    <telerik:RadSplitter ID="rsRightNav" runat="server" Orientation="Horizontal"
        <telerik:RadPane ID="rpTop" runat="server" MinHeight="100" MinWidth="100"
            <telerik:RadSplitter ID="RadSplitter1" runat="server" Orientation="Vertical"
                <telerik:RadPane ID="rpTop_Content" runat="server" Scrolling="None" Width="22px"
                    <telerik:RadSlidingZone ID="rszTop" runat="server"
                        <telerik:RadSlidingPane ID="rsp1" runat="server" Title="Pane1" EnableDock="true"
                            Content of Pane1</telerik:RadSlidingPane> 
                        <telerik:RadSlidingPane ID="rsp2" runat="server" Title="Pane2" EnableDock="true"
                            Content of Pane2</telerik:RadSlidingPane> 
                        <!-- Dynamically added RadSlidingPanes --> 
                    </telerik:RadSlidingZone> 
                </telerik:RadPane> 
                <telerik:RadSplitBar ID="rpTop_Content_rsb1" runat="server" /> 
                <telerik:RadPane ID="RadPane1" runat="server"></telerik:RadPane> 
            </telerik:RadSplitter> 
        </telerik:RadPane> 
        <telerik:RadSplitBar ID="rsb1" runat="server" CollapseMode="Both" /> 
        <telerik:RadPane ID="rpBot" runat="server" MinHeight="100" MinWidth="100"
        </telerik:RadPane> 
    </telerik:RadSplitter> 


    Greetings,
    Tsvetie
    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