Mini Kabibi Habibi

<local:DockingDemoModule x:Class="DockingDemo.DocumentGroups"
 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: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>
            <DataTemplate x:Key="listBoxItemTemplate">
                <TextBlock Text="{Binding DisplayName}" />
            </DataTemplate>
        </ResourceDictionary>
    </local:DockingDemoModule.Resources>
    <dxdb:DemoModuleControl>
        <dxdb:DemoModuleControl.OptionsContent>
            <ScrollViewer VerticalScrollBarVisibility="Auto">
                <StackPanel Orientation="Vertical" VerticalAlignment="Top" >
                    <StackPanel>
                        <dx:GroupFrame Header="Header Location" Margin="0,0,0,12">
                            <dxe:ListBoxEdit Background="{x:Null}" Name="headerLocationListBox" ItemTemplate="{StaticResource listBoxItemTemplate}" ShowBorder="False">
                                <dxe:ListBoxEdit.StyleSettings>
                                    <dxe:RadioListBoxEditStyleSettings />
                                </dxe:ListBoxEdit.StyleSettings>
                                <dxe:ListBoxEdit.Items>
                                    <local:CaptionLocationContainer DisplayName="Default" Value="Default" />
                                    <local:CaptionLocationContainer DisplayName="Left" Value="Left" />
                                    <local:CaptionLocationContainer DisplayName="Top" Value="Top" />
                                    <local:CaptionLocationContainer DisplayName="Right" Value="Right" />
                                    <local:CaptionLocationContainer DisplayName="Bottom" Value="Bottom" />
                                </dxe:ListBoxEdit.Items>
                            </dxe:ListBoxEdit>
                        </dx:GroupFrame>
                        <dx:GroupFrame Header="Header Orientation" Margin="0,0,0,12">
                            <dxe:ListBoxEdit Background="{x:Null}" Name="headerOrientationListBox" ItemTemplate="{StaticResource listBoxItemTemplate}" ShowBorder="False">
                                <dxe:ListBoxEdit.StyleSettings>
                                    <dxe:RadioListBoxEditStyleSettings />
                                </dxe:ListBoxEdit.StyleSettings>
                                <dxe:ListBoxEdit.Items>
                                    <local:OrientationContainer DisplayName="Horizontal" Value="Horizontal" />
                                    <local:OrientationContainer DisplayName="Vertical" Value="Vertical" />
                                </dxe:ListBoxEdit.Items>
                            </dxe:ListBoxEdit>
                        </dx:GroupFrame>
                        <dx:GroupFrame Header="Header Layout" Margin="0,0,0,12">
                            <StackPanel>
                                <dxe:ListBoxEdit Background="{x:Null}" Name="headerLayoutListBox" ItemTemplate="{StaticResource listBoxItemTemplate}" ShowBorder="False">
                                    <dxe:ListBoxEdit.StyleSettings>
                                        <dxe:RadioListBoxEditStyleSettings />
                                    </dxe:ListBoxEdit.StyleSettings>
                                    <dxe:ListBoxEdit.Items>
                                        <local:TabHeaderLayoutTypeContainer DisplayName="Default" Value="Default" />
                                        <local:TabHeaderLayoutTypeContainer DisplayName="Trim" Value="Trim" />
                                        <local:TabHeaderLayoutTypeContainer DisplayName="Scroll" Value="Scroll" />
                                        <local:TabHeaderLayoutTypeContainer DisplayName="Multiline" Value="Multiline" />
                                    </dxe:ListBoxEdit.Items>
                                </dxe:ListBoxEdit>
                                <dxe:CheckEdit x:Name="headersAutoFill" Content="Auto-fill Headers" Margin="0,12,0,0" />
                            </StackPanel>
                        </dx:GroupFrame>
                        <dx:GroupFrame Header="Close Page Button Mode">
                            <dxe:ListBoxEdit Background="{x:Null}" Name="closeButtonListBox" ItemTemplate="{StaticResource listBoxItemTemplate}" ShowBorder="False">
                                <dxe:ListBoxEdit.StyleSettings>
                                    <dxe:RadioListBoxEditStyleSettings />
                                </dxe:ListBoxEdit.StyleSettings>
                                <dxe:ListBoxEdit.Items>
                                    <local:ClosePageButtonShowModeContainer DisplayName="Default" Value="Default" />
                                    <local:ClosePageButtonShowModeContainer DisplayName="InTabControlHeader" Value="InTabControlHeader" />
                                    <local:ClosePageButtonShowModeContainer DisplayName="InAllTabPageHeaders" Value="InAllTabPageHeaders" />
                                    <local:ClosePageButtonShowModeContainer DisplayName="InActiveTabPageHeader" Value="InActiveTabPageHeader" />
                                    <local:ClosePageButtonShowModeContainer DisplayName="InAllTabPagesAndTabControlHeader" Value="InAllTabPagesAndTabControlHeader" />
                                    <local:ClosePageButtonShowModeContainer DisplayName="InActiveTabPageAndTabControlHeader" Value="InActiveTabPageAndTabControlHeader" />
                                    <local:ClosePageButtonShowModeContainer DisplayName="Nowhere" Value="NoWhere" />
                                </dxe:ListBoxEdit.Items>
                            </dxe:ListBoxEdit>
                        </dx:GroupFrame>
                    </StackPanel>
                </StackPanel>
            </ScrollViewer>
        </dxdb:DemoModuleControl.OptionsContent>

        <dxdo:DockLayoutManager x:Name="dockManager" UseLayoutRounding="True" Margin="9" AllowCustomization="False">
            <dxdo:LayoutGroup Orientation="Vertical">
                <dxdo:DocumentGroup Name="documentContainer" DestroyOnClosingChildren="False">
                    <dxdo:DocumentPanel Caption="Document1" CaptionImage="/DockingDemo;component/Images/Icons/new-16x16.png">
                        <TextBlock Margin="24" TextWrapping="Wrap">Vestibulum sem nunc, cursus sit amet placerat id, scelerisque at tortor. Nullam sit amet felis eros, ac imperdiet quam. Aliquam eu ipsum dui.</TextBlock>
                    </dxdo:DocumentPanel>
                    <dxdo:DocumentPanel Caption="Document2" CaptionImage="/DockingDemo;component/Images/Icons/new-16x16.png">
                        <TextBlock Margin="24" TextWrapping="Wrap">Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur sit amet sapien metus, eget pharetra velit.</TextBlock>
                    </dxdo:DocumentPanel>
                    <dxdo:DocumentPanel Caption="Document3" CaptionImage="/DockingDemo;component/Images/Icons/new-16x16.png">
                        <TextBlock Margin="24" TextWrapping="Wrap">Duis sagittis iaculis nisl, sit amet ultricies lectus porttitor nec. Suspendisse id venenatis sem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</TextBlock>
                    </dxdo:DocumentPanel>
                </dxdo:DocumentGroup>
                <dxdo:LayoutGroup ItemHeight="Auto">
                    <dxdo:LayoutControlItem ShowCaption="False">
                        <StackPanel Orientation="Horizontal" Margin="0,7,1,0" HorizontalAlignment="Right">
                            <Button x:Name="addEmptyButton" Content="Add Empty Panel" Click="addEmptyButton_Click" MinHeight="22" MinWidth="110" />
                            <Button x:Name="addUserControlUriButton" Content="Load UserControl" Click="addUserControlUriButton_Click" MinHeight="22" MinWidth="110" Margin="6,0,0,0" />
                            <Button x:Name="addWindowUriButton" Content="Load Window" Click="addWindowUriButton_Click" MinHeight="22" MinWidth="110" Margin="6,0,0,0" />
                            <Button x:Name="addPagedUriButton" Content="Load Page" Click="addPageUriButton_Click" MinHeight="22" MinWidth="110" Margin="6,0,0,0" />
                        </StackPanel>
                    </dxdo:LayoutControlItem>
                </dxdo:LayoutGroup>
            </dxdo:LayoutGroup>
        </dxdo:DockLayoutManager>
    </dxdb:DemoModuleControl>
</local:DockingDemoModule>