We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

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

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.Header="Document Explorer"
                syncfusion:DockingManager.SideInDockedMode="Right" />

                syncfusion:DockingManager.SideInDockedMode="Right" />           
                syncfusion:DockingManager.State="AutoHidden" />

                syncfusion:DockingManager.Header="Start Page"
                syncfusion:DockingManager.State="Document" />


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,


1 Reply

DR Durga Rajan Syncfusion Team September 12, 2016 10:58 AM UTC

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 

Durga S. 

Live Chat Icon For mobile
Up arrow icon