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

[Doug]

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.

[Doug]

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

[Tsvetie]

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.