Mini Kabibi Habibi

<local:DockingDemoModule x:Class="DockingDemo.FloatPanels"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
 xmlns:local="clr-namespace:DockingDemo"
    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/Themes/Generic.xaml" />
            </ResourceDictionary.MergedDictionaries>
            <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" />
            </Style>
        </ResourceDictionary>
    </local:DockingDemoModule.Resources>
    <dxdb:DemoModuleControl SupressGroupFramePaddingInOptions="False">
        <dxdb:DemoModuleControl.OptionsContent>
            <StackPanel Orientation="Vertical" VerticalAlignment="Top" MinWidth="150">
                <Button Name="ModeSwitchButton" Click="OnFloatingModeButtonlick" MinHeight="22" />
            </StackPanel>
        </dxdb:DemoModuleControl.OptionsContent>
        <Grid>
            <dxb:BarManager x:Name="WindowBarManager">
                <dxdo:DockLayoutManager x:Name="WindowContainer" FloatingMode="Window">
                    <dxdo:LayoutGroup>
                        <dxdo:LayoutPanel ShowCaption="False" Caption="Panel3">
                            <FlowDocumentScrollViewer VerticalScrollBarVisibility="Hidden" Opacity="0.50" HorizontalAlignment="Center" VerticalAlignment="Top" MaxWidth="350">
                                <FlowDocument FontFamily="Segoue" TextAlignment="Center">
                                    <Paragraph FontSize="21" Margin="0">
                                        Window Mode
                                    </Paragraph>
                                    <Paragraph FontSize="15" Margin="0">
                                        Floating panels can be moved only within the application window
                                    </Paragraph>
                                </FlowDocument>
                            </FlowDocumentScrollViewer>
                        </dxdo:LayoutPanel>
                    </dxdo:LayoutGroup>
                    <dxdo:DockLayoutManager.FloatGroups>
                        <dxdo:FloatGroup FloatLocation="90,150" FloatSize="300,220">
                            <dxdo:LayoutPanel Caption="FloatPanel1">
                                <TextBlock Style="{StaticResource PanelText}" Text="1" />
                            </dxdo:LayoutPanel>
                        </dxdo:FloatGroup>
                        <dxdo:FloatGroup FloatLocation="300,220" FloatSize="300,220">
                            <dxdo:LayoutPanel Caption="FloatPanel2">
                                <TextBlock Style="{StaticResource PanelText}" Text="2" />
                            </dxdo:LayoutPanel>
                        </dxdo:FloatGroup>
                    </dxdo:DockLayoutManager.FloatGroups>
                </dxdo:DockLayoutManager>
            </dxb:BarManager>
            <dxb:BarManager x:Name="DesktopBarManager">
                <dxdo:DockLayoutManager Name="DesktopContainer" FloatingMode="Desktop">
                    <dxdo:LayoutGroup>
                        <dxdo:LayoutPanel ShowCaption="False" Caption="Panel3">
                            <FlowDocumentScrollViewer VerticalScrollBarVisibility="Hidden" Opacity="0.50" HorizontalAlignment="Center" VerticalAlignment="Top" MaxWidth="350">
                                <FlowDocument FontFamily="Segoue" TextAlignment="Center">
                                    <Paragraph FontSize="21" Margin="0">
                                        Desktop Mode
                                    </Paragraph>
                                    <Paragraph FontSize="15" Margin="0">
                                        Floating panels are allowed to be moved outside the application window
                                    </Paragraph>
                                </FlowDocument>
                            </FlowDocumentScrollViewer>
                        </dxdo:LayoutPanel>
                    </dxdo:LayoutGroup>
                    <dxdo:DockLayoutManager.FloatGroups>
                        <dxdo:FloatGroup FloatLocation="90,150" FloatSize="300,220">
                            <dxdo:LayoutPanel Caption="FloatPanel1">
                                <TextBlock Style="{StaticResource PanelText}" Text="1" />
                            </dxdo:LayoutPanel>
                        </dxdo:FloatGroup>
                        <dxdo:FloatGroup FloatLocation="300,220" FloatSize="300,220">
                            <dxdo:LayoutPanel Caption="FloatPanel2">
                                <TextBlock Style="{StaticResource PanelText}" Text="2" />
                            </dxdo:LayoutPanel>
                        </dxdo:FloatGroup>
                    </dxdo:DockLayoutManager.FloatGroups>
                </dxdo:DockLayoutManager>
            </dxb:BarManager>
        </Grid>
    </dxdb:DemoModuleControl>
</local:DockingDemoModule>