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. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

How to customize DockingManager as FlatLayoutControl by disabling docking functionalities?

This article describes about how to customize the DockingManager control as Flat Layout control by disabling the docking functionalities such as Drag and Drop, Resizing the child elements, Hiding the dock panel options and floating the dock windows etc.

 

Controlling DockingManager Functionalities:

  • AutoHide functionality of the DockingManager can be disabled by setting “AutoHideVisibility” property of DockingManager as false.
  • Creation of New Tabbed group can be restricted by setting “TabGroupEnabled” property of DockingManager as false.
  • Creation of Float window has been disabled by setting the “SetCanFloat” attached property of DockingManager as false. To restrict this behavior for all docking child, this property has been set for each child of DockingManager.
  • Closing functionality of Dock window can be controlled by CanClose property of DockingManager. When CanClose property is set to False, it will not display the close button in the header of the window.
  • Resizing behavior of the windows are restricted by setting CanResizeWidthInDockedState and CanResizeHeightInDockedState properties.

 

Arrangement of child of the DockingManager control:

        DockingManager children can be docked at any side of the DockingManager using the “SideInDockedMode” property of DockingManager. Since its default value is left, by default all the children docked at left side of the DockingManager. Also docking windows can be docked at any side of the Target Dock Window using “TargetNameInDockedMode” property. Please find more details about the property TargetNameInDockedMode from below link,

https://help.syncfusion.com/wpf/dockingmanager/docking-window#docking-window-in-various-targets

Layout of DockingManager will be changed depending on the order, in which we are adding the children. If we add the new window at Top of DockingManager when we already have window on Left side, newly added window will occupy the whole space at the Top.

 

Size of the DockWindow:

Desired height and width of the Dock windows can be set through the Attached property “DesiredWidthInDockedMode” and “DesiredHeightInDockedMode” of DockingManager with the desired values.

 

EnableFlatLayout:

Instead of disabling whole DockingManager functionalities by changing the properties of each child of DockingManager, it can be easily disabled or enabled using a single AttachedProperty(“EnableFlatLayout”) of DockingLayout class as like code examples provided below.

 

XAML:

 

 

 

 

DockingLayout.cs:

 

 

Output:

 

 

Sample link:

http://www.syncfusion.com/downloads/support/directtrac/general/ze/FlatLayoutControl_Sample-1295566697.zip

 

Article ID: Published Date: Last Revised Date: Platform: Control:
8030 10/09/2017 10/10/2017 WPF DockingManager
Did you find this information helpful?
Add Comment
You must log in to leave a comment

Warning Icon 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.Close Icon