DockLayoutControl Class

In This Article

Represents a control container that arranges its child items, docking them to its edges or making them occupy the remaining area of the container.

Namespace: DevExpress.Xpf.LayoutControl

Assembly: DevExpress.Xpf.LayoutControl.v14.2.dll

#Declaration

C#
VB.NET

[StyleTypedProperty(Property = "ItemSizerStyle", StyleTargetType = typeof(ElementSizer))]
[DXToolboxBrowsable]
public class DockLayoutControl :
    LayoutControlBase,
    IDockLayoutControl,
    ILayoutControlBase,
    IScrollControl,
    IPanel,
    IControl,
    IDockLayoutModel,
    ILayoutModelBase

<StyleTypedProperty(Property:="ItemSizerStyle", StyleTargetType:=GetType(ElementSizer))>
<DXToolboxBrowsable>
Public Class DockLayoutControl
    Inherits LayoutControlBase
    Implements IDockLayoutControl,
               ILayoutControlBase,
               IScrollControl,
               IPanel,
               IControl,
               IDockLayoutModel,
               ILayoutModelBase

#Remarks

The DockLayoutControl docks its child items according to the DockLayoutControl.Dock attached property. An item within this control can be docked to any of the control's four edges or occupy the remaining empty space.

DockLayoutControl_Dock

The DockLayoutControl supports item resizing. To enable this feature, use the DockLayoutControl.AllowHorizontalSizing and DockLayoutControl.AllowVerticalSizing attached properties.

See Dock Layout Control to learn more.

#Examples

The following example creates a DockLayoutControl with six items. The items are docked via the DockLayoutControl.Dock attached property.

The following image shows the result:

DockLayoutControl_Ex

XAML

<UserControl
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:lc="http://schemas.devexpress.com/winfx/2008/xaml/layoutcontrol"
    x:Class="SilverlightApplication10.MainPage"
    Width="500" Height="400">

    <Grid x:Name="LayoutRoot" Background="White">
        <lc:DockLayoutControl >
            <lc:GroupBox lc:DockLayoutControl.Dock="Top" Height="70" Header="GroupBox 1"/>
            <lc:GroupBox lc:DockLayoutControl.Dock="Right" Header="GroupBox 2"/>
            <lc:GroupBox lc:DockLayoutControl.Dock="Bottom" Height="70" Header="GroupBox 3"/>
            <lc:GroupBox lc:DockLayoutControl.Dock="Left" Header="GroupBox 4"/>
            <lc:GroupBox lc:DockLayoutControl.Dock="Top" Height="70" Header="GroupBox 5"/>
            <lc:GroupBox lc:DockLayoutControl.Dock="Client" Header="GroupBox 6"/>
        </lc:DockLayoutControl>
    </Grid>
</UserControl>