Mini Kabibi Habibi

<local:DockingDemoModule x:Class="DockingDemo.MDIImageViewer"
 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"
    Height="332" Width="721">
    <dxdb:DemoModuleControl>
        <dxb:BarManager>
            <dxb:BarManager.Categories>
                <dxb:BarManagerCategory Name="File" />
                <dxb:BarManagerCategory Name="Edit" />
                <dxb:BarManagerCategory Name="Window" />
                <dxb:BarManagerCategory Name="Help" />
            </dxb:BarManager.Categories>

            <dxb:BarManager.Items>
                <dxb:BarButtonItem Name="bOpen" CategoryName="File" Content="Open" Glyph="/DockingDemo;component/Images/Icons/open-16x16.png" KeyGesture="Ctrl+O" Hint="Open" ItemClick="bOpen_ItemClick"/>
                <dxb:BarButtonItem Name="bClose" CategoryName="File" Content="Close" Glyph="/DockingDemo;component/Images/Icons/close-16x16.png" Hint="Close"
                               Command="{Binding Path=Close}"
                               CommandTarget="{Binding ElementName=dockManager}"
                               CommandParameter="{Binding Path=Target.SelectedItem}"
                               />
                <dxb:BarButtonItem Name="bSaveAs" CategoryName="File" Content="Save As..." Glyph="/DockingDemo;component/Images/Icons/save-as-16x16.png" Hint="Save As..."/>
                <dxb:BarButtonItem Name="bPrint" CategoryName="File" Content="Print" Glyph="/DockingDemo;component/Images/Icons/print-16x16.png" KeyGesture="Ctrl+P" />
                <dxb:BarButtonItem Name="bExit" CategoryName="File" Content="Exit" KeyGesture="Ctrl+X" />

                <dxb:BarButtonItem Name="bCopy" CategoryName="Edit" Content="Copy" Glyph="/DockingDemo;component/Images/Icons/copy-16x16.png" KeyGesture="Ctrl+C" />

                <dxb:BarCheckItem Name="bMDIStyle" CategoryName="Window" Content="Use Tabbed MDI" IsThreeState="False" IsChecked="False"
                               Command="{Binding Path=MDIStyle}"
                               CommandTarget="{Binding ElementName=dockManager}"
                               CommandParameter="{Binding Path=Target}"
                               />
                <dxb:BarButtonItem Name="bCascade" CategoryName="Window" Content="Cascade" Glyph="/DockingDemo;component/Images/Cascade_16x16.png"
                               Command="{Binding Cascade}"
                               CommandTarget="{Binding ElementName=dockManager}"
                               CommandParameter="{Binding Path=Target}"
                               />
                <dxb:BarButtonItem Name="bTileVert" CategoryName="Window" Content="Tile vertical" Glyph="/DockingDemo;component/Images/TileVert_16x16.png"
                               Command="{Binding TileVertical}"
                               CommandTarget="{Binding ElementName=dockManager}"
                               CommandParameter="{Binding Path=Target}"
                               />

                <dxb:BarButtonItem Name="bTileHorz" CategoryName="Window" Content="Tile horizontal" Glyph="/DockingDemo;component/Images/TileHorz_16x16.png"
                               Command="{Binding TileHorizontal}"
                               CommandTarget="{Binding ElementName=dockManager}"
                               CommandParameter="{Binding Path=Target}"
                               />
                <dxb:BarButtonItem Name="bArrangeIcons" CategoryName="Window" Content="Arrange Icons"
                               Command="{Binding ArrangeIcons}"
                               CommandTarget="{Binding ElementName=dockManager}"
                               CommandParameter="{Binding Path=Target}"
                               />

                <dxb:BarButtonItem Name="bHome" CategoryName="Help" Content="Developer Express on the Web" ItemClick="bHome_ItemClick" />
                <dxb:BarButtonItem Name="bAbout" CategoryName="Help" Content="About" ItemClick="bAbout_ItemClick" />

                <dxb:BarStaticItem Name="bFileName" CategoryName="Status" ItemMinWidth="500" AutoSizeMode="Fill" />

                <dxb:BarSubItem Name="bsFile" CategoryName="Standard" Content="File">
                    <dxb:BarSubItem.ItemLinks>
                        <dxb:BarButtonItemLink BarItemName="bOpen" />
                        <dxb:BarButtonItemLink BarItemName="bClose" />
                        <dxb:BarItemLinkSeparator />
                        <dxb:BarButtonItemLink BarItemName="bSaveAs" />
                        <dxb:BarItemLinkSeparator />
                        <dxb:BarButtonItemLink BarItemName="bPrint" />
                        <dxb:BarItemLinkSeparator />
                        <dxb:BarButtonItemLink BarItemName="bExit" />
                    </dxb:BarSubItem.ItemLinks>
                </dxb:BarSubItem>
                <dxb:BarSubItem Name="bsEdit" CategoryName="Standard" Content="Edit">
                    <dxb:BarSubItem.ItemLinks>
                        <dxb:BarButtonItemLink BarItemName="bCopy" />
                    </dxb:BarSubItem.ItemLinks>
                </dxb:BarSubItem>
                <dxb:BarSubItem Name="bsWindow" CategoryName="Standard" Content="Window">
                    <dxb:BarSubItem.ItemLinks>
                        <dxb:BarCheckItemLink BarItemName="bMDIStyle" />
                        <dxb:BarItemLinkSeparator />
                        <dxb:BarButtonItemLink BarItemName="bCascade" />
                        <dxb:BarButtonItemLink BarItemName="bTileVert" />
                        <dxb:BarButtonItemLink BarItemName="bTileHorz" />
                        <dxb:BarButtonItemLink BarItemName="bArrangeIcons" />
                    </dxb:BarSubItem.ItemLinks>
                </dxb:BarSubItem>

                <dxb:BarSubItem Name="bsHelp" CategoryName="Standard" Content="Help">
                    <dxb:BarSubItem.ItemLinks>
                        <dxb:BarButtonItemLink BarItemName="bHome" />
                        <dxb:BarItemLinkSeparator />
                        <dxb:BarButtonItemLink BarItemName="bAbout" />
                    </dxb:BarSubItem.ItemLinks>
                </dxb:BarSubItem>
            </dxb:BarManager.Items>
            <dxb:BarManager.Bars>
                <dxb:Bar Caption="MainMenu" x:Name="MainMenu" IsMainMenu="True" UseWholeRow="True">
                    <dxb:Bar.DockInfo>
                        <dxb:BarDockInfo ContainerName="TopDockControl" />
                    </dxb:Bar.DockInfo>
                    <dxb:Bar.ItemLinks>
                        <dxb:BarSubItemLink BarItemName="bsFile" />
                        <dxb:BarSubItemLink BarItemName="bsEdit" />
                        <dxb:BarSubItemLink BarItemName="bsWindow" />
                        <dxb:BarSubItemLink BarItemName="bsHelp" />
                    </dxb:Bar.ItemLinks>
                </dxb:Bar>
                <dxb:Bar Caption="QuickButtons" x:Name="QuickButtons">
                    <dxb:Bar.DockInfo>
                        <dxb:BarDockInfo ContainerName="TopDockControl" />
                    </dxb:Bar.DockInfo>
                    <dxb:Bar.ItemLinks>
                        <dxb:BarButtonItemLink BarItemName="bOpen" />
                        <dxb:BarButtonItemLink BarItemName="bClose" />
                        <dxb:BarButtonItemLink BarItemName="bPrint" />
                        <dxb:BarItemLinkSeparator />
                        <dxb:BarButtonItemLink BarItemName="bCopy" />
                        <dxb:BarButtonItemLink BarItemName="bSaveAs" />
                    </dxb:Bar.ItemLinks>
                </dxb:Bar>
                <dxb:Bar Caption="Status Bar" IsStatusBar="True" UseWholeRow="True">
                    <dxb:Bar.DockInfo>
                        <dxb:BarDockInfo ContainerName="BottomDockControl" />
                    </dxb:Bar.DockInfo>
                    <dxb:Bar.ItemLinks>
                        <dxb:BarStaticItemLink BarItemName="bFileName" />
                    </dxb:Bar.ItemLinks>
                </dxb:Bar>
            </dxb:BarManager.Bars>
            <local:DockPanel>
                <dxb:BarContainerControl x:Name="TopDockControl" local:DockPanel.Dock="Top" />
                <dxb:BarContainerControl x:Name="LeftDockControl" local:DockPanel.Dock="Left" Orientation="Vertical" />
                <dxb:BarContainerControl x:Name="BottomDockControl" local:DockPanel.Dock="Bottom" />
                <dxb:BarContainerControl x:Name="RightDockControl" local:DockPanel.Dock="Right" Orientation="Vertical" />

                <dxdo:DockLayoutManager x:Name="dockManager" ClosingBehavior="ImmediatelyRemove">
                    <dxdo:LayoutGroup>
                        <dxdo:DocumentGroup Name="mdiContainer" MDIStyle="MDI" DestroyOnClosingChildren="False" ClosePageButtonShowMode="InAllTabPageHeaders" />
                    </dxdo:LayoutGroup>
                </dxdo:DockLayoutManager>
            </local:DockPanel>
        </dxb:BarManager>
    </dxdb:DemoModuleControl>
</local:DockingDemoModule>