How to position two (or more) panels on the same side but one above the other

[John Thompson]

I've just started using this control and have been having some problems getting to grips with how to position the panels how I want them. At run time I can position them how I want it to be but at design time I can't figure it out.

So far all my attempts just seem to put my right side panels side by side filling the vertical area, my simple sample code being:

        <syncfusion:DockingManager
            x:Name="SyncDockingManager"
            UseDocumentContainer="True"
            IsAnimationEnabledOnMouseOver="False"
            IsVS2013SidePanelEnable="True">

            <ContentControl
                x:Name="DocumentExplorer"
                syncfusion:DockingManager.Header="Document Explorer"
                syncfusion:DockingManager.SideInDockedMode="Right" />

            <ContentControl
                x:Name="Properties"
                syncfusion:DockingManager.Header="Properties"
                syncfusion:DockingManager.SideInDockedMode="Right" />           
           
            <ContentControl
                x:Name="ToolBox"
                syncfusion:DockingManager.Header="Toolbox"
                syncfusion:DockingManager.State="AutoHidden" />

            <ContentControl
                x:Name="StartPage"
                syncfusion:DockingManager.Header="Start Page"
                syncfusion:DockingManager.State="Document" />

        </syncfusion:DockingManager>

I want my Properties panel to appear below the DocumentExplorer panel.

I'm sure this is probably very simple once you know how :)

So any help would be appreciated,

JT

[Durga Rajan]

Hi John Thompson,

We have modified the sample that tries to meet your requirement. Docking Window can be docked at any side of the Target Docking Window through an attached property named TargetNameInDockedMode. In this sample we have modified the value of property SideInDockedMode as Bottom in “Property” panel and set TargetNameInDockedMode as "DocumentExplorer".  Please download the sample for the same from the following link.

Sample: DockingManager_sample


UG Link: https://help.syncfusion.com/wpf/dockingmanager/docking-window 

Regards,
Durga S.