RadDocking on two rows

[Luigi]

Hi,

I would like to create a docking layout with 4 controls spread over 2 rows as in the attached image. I achieved this result using compass, but I need to create the same layout by design.

Thank you

Luigi

 

[Luigi]

In the meanwhile I tried to use the save/load layout system in order to prepare a layout configuration file to overwrite the original structure. Oddly loading the file I obtain the layout that I had when I saved it, but the internal controls are not loaded.

I think that it depends on the moment when I save (closing of main window) or when I load (loaded of the single panes) the layout.
I attached the layout when I saved it, when I loaded it, and the layout xml file.

Thank you

Luigi

[Stenly]

The RadDocking control cannot save the Content of the panes by itself. However, we have an article, which shows how to save/load the contents inside the panes.

The following article shows how to correctly save and load the contents of the panes:

WPF Docking - Save/Load the Content of the Panes - Telerik UI for WPF

I hope the provided information will be of help to you.

[Stenly]

Hello Luigi,

To achieve the layout from the shared image (raddocking2x2.png), you could use the following structure:

<telerik:RadDocking HasDocumentHost="False">
    <telerik:RadSplitContainer Orientation="Vertical">
        
        <!--Row 1-->
        <telerik:RadSplitContainer>
            <telerik:RadSplitContainer>
                <telerik:RadPaneGroup>
                    <telerik:RadPane>

                    </telerik:RadPane>
                </telerik:RadPaneGroup>
            </telerik:RadSplitContainer>

            <telerik:RadSplitContainer>
                <telerik:RadPaneGroup>
                    <telerik:RadPane>

                    </telerik:RadPane>
                </telerik:RadPaneGroup>
            </telerik:RadSplitContainer>
        </telerik:RadSplitContainer>

        <!--Row 2-->
        <telerik:RadSplitContainer>
            <telerik:RadSplitContainer>
                <telerik:RadPaneGroup>
                    <telerik:RadPane>

                    </telerik:RadPane>
                </telerik:RadPaneGroup>
            </telerik:RadSplitContainer>

            <telerik:RadSplitContainer>
                <telerik:RadPaneGroup>
                    <telerik:RadPane>

                    </telerik:RadPane>
                </telerik:RadPaneGroup>
            </telerik:RadSplitContainer>
        </telerik:RadSplitContainer>

    </telerik:RadSplitContainer>
</telerik:RadDocking>

The produced result will look as follows:

Could you give this suggestion a try?

Regards,
Stenly
Progress Telerik

[Luigi]

Yes it is exactly what I need

thank you

Luigi