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:
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,
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.
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.
|Article ID:||Published Date:||Last Revised Date:||Platform:||Control:|