fully working client area extension demo

samples/ControlCatalog/MainWindow.xaml

@@ -61,20 +61,28 @@
     </NativeMenu>
   </NativeMenu.Menu>
 
- <Window.DataTemplates>
+  <Window.DataTemplates>
     <DataTemplate DataType="vm:NotificationViewModel">
       <v:CustomNotificationView />
     </DataTemplate>
   </Window.DataTemplates>
-  <DockPanel LastChildFill="True" Margin="{Binding #MainWindow.WindowDecorationMargins}">
-    <Menu Name="MainMenu" DockPanel.Dock="Top">
-      <MenuItem Header="File">
-        <MenuItem Header="Exit" Command="{Binding ExitCommand}" />
-      </MenuItem>
-      <MenuItem Header="Help">
-        <MenuItem Header="About" Command="{Binding AboutCommand}" />
-      </MenuItem>
-    </Menu>
-    <local:MainView />
-  </DockPanel>
+  <Panel>    
+    <DockPanel LastChildFill="True" Margin="{Binding #MainWindow.WindowDecorationMargins}">
+      <Menu Name="MainMenu" DockPanel.Dock="Top">
+        <MenuItem Header="File">
+          <MenuItem Header="Exit" Command="{Binding ExitCommand}" />
+        </MenuItem>
+        <MenuItem Header="Help">
+          <MenuItem Header="About" Command="{Binding AboutCommand}" />
+        </MenuItem>
+      </Menu>
+      <local:MainView />
+    </DockPanel>
+    <Border IsVisible="{Binding ExtendClientAreaEnabled}" BorderThickness="1 1 1 0" MinHeight="30" CornerRadius="4 4 0 0" BorderBrush="#55000000" Height="20" VerticalAlignment="Top" HorizontalAlignment="Left" Margin="250 0 0 0">
+      <Border.Background>
+        <SolidColorBrush Color="White" Opacity="0.7" />
+      </Border.Background>
+      <TextBlock Margin="5" Text="Content In TitleBar" />
+    </Border>
+  </Panel>
 </Window>

samples/ControlCatalog/Pages/WindowCustomizationsPage.xaml

@@ -4,7 +4,7 @@
              xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
              mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
              x:Class="ControlCatalog.Pages.WindowCustomizationsPage">
-  <StackPanel Spacing="10" Margin="15">    
+  <StackPanel Spacing="10"  Margin="25">
     <CheckBox Content="Extend Client Area to Decorations" IsChecked="{Binding ExtendClientAreaEnabled}" />
     <CheckBox Content="Titlebar" IsChecked="{Binding SystemTitleBarEnabled}" />
     <CheckBox Content="System Chrome Buttons" IsChecked="{Binding SystemChromeButtonsEnabled}" />