Nested RadDocking & TabStripPlacement

2 posts, 0 answers
  1. Andrei
    Andrei avatar
    1 posts
    Member since:
    Sep 2016

    Posted 28 Mar 2017 Link to this post

    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 ?

     

  2. Nasko
    Admin
    Nasko avatar
    727 posts

    Posted 31 Mar 2017 Link to this post

    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
    Want to extend the target reach of your WPF applications, leveraging iOS, Android, and UWP? Try UI for Xamarin, a suite of polished and feature-rich components for the Xamarin framework, which allow you to write beautiful native mobile apps using a single shared C# codebase.
Back to Top