Mini Kabibi Habibi

<local:DockingDemoModule x:Class="DockingDemo.LayoutItems"
 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
 xmlns:local="clr-namespace:DockingDemo"
    xmlns:sys="clr-namespace:System;assembly=mscorlib"
    xmlns:dx="http://schemas.devexpress.com/winfx/2008/xaml/core"
    xmlns:dxb="http://schemas.devexpress.com/winfx/2008/xaml/bars"
    xmlns:dxdb="http://schemas.devexpress.com/winfx/2008/xaml/demobase"
    xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"
 xmlns:dxdo="http://schemas.devexpress.com/winfx/2008/xaml/docking"
 xmlns:collections="clr-namespace:System.Collections;assembly=mscorlib"
    xmlns:collection="clr-namespace:System.Collections;assembly=mscorlib" Height="332" Width="721">
    <local:DockingDemoModule.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="/DockingDemo;component/Resources/CustomTemplates.xaml" />
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </local:DockingDemoModule.Resources>
    <dxdb:DemoModuleControl>
        <dxb:BarManager>
            <dxdo:DockLayoutManager x:Name="dockManager" Background="Transparent">
                <dxdo:LayoutGroup Orientation="Vertical">
                    <dxdo:LayoutGroup Orientation="Horizontal" ItemHeight="Auto" HasAccent="True">
                        <dxdo:LayoutGroup Name="layoutGroup0" GroupBorderStyle="Group" ItemHeight="Auto" Orientation="Vertical" CaptionAlignMode="AlignInGroup">
                            <dxdo:LayoutControlItem Caption="ShowCaption=False" ShowCaption="False">
                                <dxe:TextEdit Text="ShowCaption=False" />
                            </dxdo:LayoutControlItem>
                            <dxdo:LayoutControlItem Caption="ShowControl=False" ShowControl="False">
                                <dxe:TextEdit />
                            </dxdo:LayoutControlItem>
                        </dxdo:LayoutGroup>
                        <dxdo:LayoutGroup Name="layoutGroup2" GroupBorderStyle="Group" Orientation="Vertical" ItemHeight="Auto" CaptionAlignMode="AlignInGroup">
                            <dxdo:LayoutControlItem Caption="CaptionLocation=Top" CaptionLocation="Top">
                                <dxe:TextEdit />
                            </dxdo:LayoutControlItem>
                            <dxdo:LayoutControlItem Caption="CaptionLocation=Right" CaptionLocation="Right">
                                <dxe:TextEdit />
                            </dxdo:LayoutControlItem>
                            <dxdo:LayoutControlItem Caption="CaptionLocation=Bottom" CaptionLocation="Bottom">
                                <dxe:TextEdit />
                            </dxdo:LayoutControlItem>
                        </dxdo:LayoutGroup>
                        <dxdo:LayoutGroup Name="layoutGroup1" GroupBorderStyle="Group" ItemHeight="Auto" Orientation="Vertical" CaptionAlignMode="AlignInGroup">
                            <dxdo:LayoutControlItem Caption="Image before text" CaptionImage="../Images/Icons/info-16x16.png" CaptionImageLocation="BeforeText">
                                <dxe:TextEdit />
                            </dxdo:LayoutControlItem>
                            <dxdo:LayoutControlItem Caption="Image after text" CaptionImage="../Images/Icons/info-16x16.png" CaptionImageLocation="AfterText" CaptionFormat="{x:Null}">
                                <dxe:TextEdit />
                            </dxdo:LayoutControlItem>
                        </dxdo:LayoutGroup>
                    </dxdo:LayoutGroup>
                    <dxdo:LayoutGroup ItemHeight="Auto">
                        <dxdo:LayoutGroup Orientation="Vertical" GroupBorderStyle="Group">
                            <dxdo:LabelItem Caption="CaptionAlignMode = Default" />
                            <dxdo:LayoutGroup GroupBorderStyle="Group" Orientation="Vertical" ItemHeight="Auto">
                                <dxdo:LayoutControlItem Caption="Caption">
                                    <dxe:TextEdit />
                                </dxdo:LayoutControlItem>
                                <dxdo:LayoutControlItem Caption="Long caption">
                                    <dxe:TextEdit />
                                </dxdo:LayoutControlItem>
                            </dxdo:LayoutGroup>
                            <dxdo:LayoutGroup GroupBorderStyle="Group" ItemHeight="Auto" Orientation="Vertical">
                                <dxdo:LayoutControlItem Caption="Caption">
                                    <dxe:TextEdit />
                                </dxdo:LayoutControlItem>
                                <dxdo:LayoutControlItem Caption="Very long caption">
                                    <dxe:TextEdit />
                                </dxdo:LayoutControlItem>
                            </dxdo:LayoutGroup>
                        </dxdo:LayoutGroup>
                        <dxdo:LayoutGroup Orientation="Vertical" GroupBorderStyle="Group">
                            <dxdo:LabelItem Caption="CaptionAlignMode = AutoSize" />
                            <dxdo:LayoutGroup GroupBorderStyle="Group" Orientation="Vertical" ItemHeight="Auto" CaptionAlignMode="AutoSize">
                                <dxdo:LayoutControlItem Caption="Caption">
                                    <dxe:TextEdit />
                                </dxdo:LayoutControlItem>
                                <dxdo:LayoutControlItem Caption="Long caption">
                                    <dxe:TextEdit />
                                </dxdo:LayoutControlItem>
                            </dxdo:LayoutGroup>
                            <dxdo:LayoutGroup GroupBorderStyle="Group" ItemHeight="Auto" Orientation="Vertical" CaptionAlignMode="AutoSize">
                                <dxdo:LayoutControlItem Caption="Caption">
                                    <dxe:TextEdit />
                                </dxdo:LayoutControlItem>
                                <dxdo:LayoutControlItem Caption="Very long caption">
                                    <dxe:TextEdit />
                                </dxdo:LayoutControlItem>
                            </dxdo:LayoutGroup>
                        </dxdo:LayoutGroup>
                        <dxdo:LayoutGroup Orientation="Vertical" GroupBorderStyle="Group">
                            <dxdo:LabelItem Caption="CaptionAlignMode = AlignInGroup" />
                            <dxdo:LayoutGroup GroupBorderStyle="Group" Orientation="Vertical" ItemHeight="Auto" CaptionAlignMode="AlignInGroup">
                                <dxdo:LayoutControlItem Caption="Caption">
                                    <dxe:TextEdit />
                                </dxdo:LayoutControlItem>
                                <dxdo:LayoutControlItem Caption="Long caption">
                                    <dxe:TextEdit />
                                </dxdo:LayoutControlItem>
                            </dxdo:LayoutGroup>
                            <dxdo:LayoutGroup GroupBorderStyle="Group" ItemHeight="Auto" Orientation="Vertical" CaptionAlignMode="AlignInGroup">
                                <dxdo:LayoutControlItem Caption="Caption">
                                    <dxe:TextEdit />
                                </dxdo:LayoutControlItem>
                                <dxdo:LayoutControlItem Caption="Very long caption">
                                    <dxe:TextEdit />
                                </dxdo:LayoutControlItem>
                            </dxdo:LayoutGroup>
                        </dxdo:LayoutGroup>
                    </dxdo:LayoutGroup>
                    <dxdo:LayoutGroup Orientation="Horizontal" ItemHeight="Auto">
                        <dxdo:LayoutControlItem Caption="This item has a tooltip" ToolTip="{Binding Path=Control.Text, RelativeSource={RelativeSource Mode=Self}}" ControlVerticalAlignment="Center">
                            <dxe:TextEdit Text="Tooltip can be set for any item!" />
                        </dxdo:LayoutControlItem>
                        <dxdo:LayoutControlItem Caption="Item with custom template" Style="{StaticResource CustomItemStyle}" CaptionLocation="Top">
                            <dxe:TextEdit />
                        </dxdo:LayoutControlItem>
                    </dxdo:LayoutGroup>
                </dxdo:LayoutGroup>
            </dxdo:DockLayoutManager>
        </dxb:BarManager>
    </dxdb:DemoModuleControl>
</local:DockingDemoModule>