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.
Unfortunately, activation email could not send to your email. Please try again.

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

Thread ID:

Created:

Updated:

Platform:

Replies:

125916 Sep 10,2016 06:28 PM Sep 12,2016 06:58 AM WPF 1
loading
Tags: DockingManager
John Thompson
Asked On September 10, 2016 06:28 PM

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 [Syncfusion]
Replied On September 12, 2016 06:58 AM

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. 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.

;