Mini Kabibi Habibi

<local:DockingDemoModule x:Class="DockingDemo.RowColumnLayout"
 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:dx="http://schemas.devexpress.com/winfx/2008/xaml/core"
    xmlns:dxb="http://schemas.devexpress.com/winfx/2008/xaml/bars"
    xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"
 xmlns:local="clr-namespace:DockingDemo"
    xmlns:dxdb="http://schemas.devexpress.com/winfx/2008/xaml/demobase"
 xmlns:dxdo="http://schemas.devexpress.com/winfx/2008/xaml/docking"
 xmlns:collection="clr-namespace:System.Collections;assembly=mscorlib">

    <local:DockingDemoModule.Resources>
        <Style x:Key="PanelText" TargetType="{x:Type TextBlock}">
            <Setter Property="HorizontalAlignment" Value="Center" />
            <Setter Property="VerticalAlignment" Value="Center" />
            <Setter Property="FontSize" Value="72" />
            <Setter Property="Opacity" Value=".15" />
            <Setter Property="Foreground" Value="Black" />
        </Style>
        <DataTemplate x:Key="listBoxItemTemplate">
            <TextBlock Text="{Binding Name}" />
        </DataTemplate>
    </local:DockingDemoModule.Resources>
    <dxdb:DemoModuleControl>
        <dxdb:DemoModuleControl.OptionsContent>
            <StackPanel Orientation="Vertical" VerticalAlignment="Top">
                <StackPanel>
                    <dx:GroupFrame Header="Orientation" Margin="0,0,0,8">
                        <dxe:ListBoxEdit Background="{x:Null}" Name="orientationListBox" SelectedIndex="0" ItemTemplate="{StaticResource listBoxItemTemplate}" ShowBorder="False">
                            <dxe:ListBoxEdit.StyleSettings>
                                <dxe:RadioListBoxEditStyleSettings />
                            </dxe:ListBoxEdit.StyleSettings>
                            <dxe:ListBoxEdit.Items>
                                <local:OrientationContainer Name="Row" Value="Horizontal" />
                                <local:OrientationContainer Name="Column" Value="Vertical" />
                            </dxe:ListBoxEdit.Items>
                        </dxe:ListBoxEdit>
                    </dx:GroupFrame>
                    <dx:GroupFrame Header="Splitters" Margin="0,0,0,8">
                        <dxe:CheckEdit Name="allowSplittersCheck"
                        HorizontalAlignment="Left"
                        Content="Allow"
                    />
                    </dx:GroupFrame>
                </StackPanel>
            </StackPanel>
        </dxdb:DemoModuleControl.OptionsContent>
        <dxb:BarManager SnapsToDevicePixels="True">
            <dxdo:DockLayoutManager x:Name="Manager">
                <dxdo:LayoutGroup AllowSplitters="True">
                    <dxdo:LayoutPanel Caption="Panel1">
                        <Border Background="#FFF3E3E3">
                            <TextBlock Text="1" Style="{StaticResource PanelText}" />
                        </Border>
                    </dxdo:LayoutPanel>
                    <dxdo:LayoutPanel Caption="Panel2">
                        <Border Background="#FFD7F3D7">
                            <TextBlock Text="2" Style="{StaticResource PanelText}" />
                        </Border>
                    </dxdo:LayoutPanel>
                    <dxdo:LayoutPanel Caption="Panel3">
                        <Border Background="#FFEDE2FC">
                            <TextBlock Text="3" Style="{StaticResource PanelText}" />
                        </Border>
                    </dxdo:LayoutPanel>
                </dxdo:LayoutGroup>
            </dxdo:DockLayoutManager>
        </dxb:BarManager>
    </dxdb:DemoModuleControl>
</local:DockingDemoModule>