Nested RadDocking & TabStripPlacement

[Andrei]

I'm trying to build a RadPaneGroup with TabStripPlacement="Bottom" inside another RadPaneGroup with with TabStripPlacement="Top".
I have tried this by placing a RadDocking inside another (see below), but there are two problems with this:

Problem 1:
For some reason, [ TabStripPlacement="Bottom" ] seems to be ignored, as the inner-most TabStrip is placed at the Top.

Problem 2:
Furthermore, if I drag one of the inner RadPanes and make it floating, and then I try and dock it back where it was, it simply disappears.

        <telerik:RadDocking x:Name="OuterDock">
            <telerik:RadDocking.DocumentHost>
                <telerik:RadPaneGroup Name="paneGroup2" telerik:ProportionalStackPanel.RelativeSize="350,350">
                    <telerik:RadPane Header="A">
                        <telerik:RadDocking x:Name="NestedDock">
                            <telerik:RadDocking.DocumentHost>
                                <telerik:RadPaneGroup TabStripPlacement="Bottom" >
                                    <telerik:RadPane x:Name="B1" Header="B1">
                                        <Label Content="B1"/>
                                    </telerik:RadPane>
                                    <telerik:RadPane x:Name="B2" Header="B2">
                                        <Label Content="B2"/>
                                    </telerik:RadPane>
                                </telerik:RadPaneGroup>
                            </telerik:RadDocking.DocumentHost>
                        </telerik:RadDocking>
                    </telerik:RadPane>
                </telerik:RadPaneGroup>
            </telerik:RadDocking.DocumentHost>
        </telerik:RadDocking>

 

Is there a way to achieve the desired result, without encountering these issues ?

 

[Nasko]

Hello Andrei,

I will go straight to your questions.

1. The TabStripPlacement property is inherited from the TabControl and it is not supported by the Docking control - it is not implemented in the RadPaneGroup's source code so it doesn't work with the control. However, what we could suggest you in order to achieve a similar to the desired appearance layout is to set the HasDocumentHost property of the inner Docking to false and remove the DocumentHost from it - thus the PaneGroup will be visualized in the entire inner RadDocking and the Panes will be at the Bottom. Please, check the attached sample project that demonstrates that.

2. The observed by you behavior is caused by the definition of the Document host. The elements in the DocumentHost should follow the following structure:
​RadSplitContainer -> RadPaneGroup -> RadPane/RadDocumentPane

The SplitContainer should be placed inside the DocumentHost.

Hope this helps.

Regards,
Nasko
Telerik by Progress