DockingManager designer support

Question

I try to achieve the attached layout with the Visual Studio designer and Blend but it seems not to be possible. Though drag and drop is somehow supported (I see the drag providers) I am not able to place the panes where I really want to. The result of the drag and drog seems to be accidental and not predictable.

Is there a way to set up the desired layout in XAML? I am able to put all the panes in a row or column but I cannot place a particular pane inside another one (nested panes).

Thanks for help,
Dominik

DockingManager initial layout_84ee1a7.PNG

Balavasanth · Answer

Hi Dominik,Thanks for choosing Syncfusion products.Yes you can easily draw the layout for the children of the DockingManager control using the XAML. We are very sure that our Docking Manager API's are much user friendly and easy to use. You can achieve your requirement using the properties such as SideInDockedMode and TargetNameInDockedMode of the Docking Manager control. Kindly make use of the code snippet to get the exact requirement of your design as you shown in the your attached image.[XAML Code]                                                  x:Name="DockingManager" DockFill="True" >                                      Name="MainChart"                       SyncTools:DockingManager.SideInDockedMode="Left"                      SyncTools:DockingManager.State="Dock"/>                                                    SyncTools:DockingManager.SideInDockedMode="Right"                      SyncTools:DockingManager.DesiredWidthInDockedMode="250"                               SyncTools:DockingManager.State="Dock"/>                                                        SyncTools:DockingManager.SideInDockedMode="Right"                     SyncTools:DockingManager.DesiredWidthInDockedMode="250"                     SyncTools:DockingManager.State="Dock"/>                                    Name="Indicators"                      SyncTools:DockingManager.SideInDockedMode="Bottom"                     SyncTools:DockingManager.TargetNameInDockedMode="MainChart"                       SyncTools:DockingManager.DesiredWidthInDockedMode="300"                     SyncTools:DockingManager.State="Dock"/>            Please let us know if you have any queries.Regards,Bala.