<Window x:Class="SimpleExample.Window1"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.jastdev.Controls.DockingControl/winfx/2007/xaml/presentation"
Title="SimpleExample"
Height="450"
Width="600"
Background="#FFF0F0F0"
>
<Window.Resources>
<Style x:Key="FrameMenuItems" TargetType="{x:Type MenuItem}">
<Setter Property="IsCheckable" Value="True"/>
<Setter Property="IsChecked" Value="{Binding Path=Visible, Mode=TwoWay}"/>
<Setter Property="HeaderTemplate">
<Setter.Value>
<DataTemplate>
<StackPanel Orientation="Horizontal">
<Image Source="{Binding Path=Icon}"
Width="16"/>
<TextBlock Text ="{Binding Path=Title}"
Padding="4,0,0,0"/>
</StackPanel>
</DataTemplate>
</Setter.Value>
</Setter>
</Style>
</Window.Resources>
<DockPanel>
<Menu DockPanel.Dock ="Top">
<MenuItem Header="View"
ItemsSource="{Binding ElementName=TheSource, Path=ToolFrameItems}"
ItemContainerStyle="{StaticResource FrameMenuItems}"/>
</Menu>
<ToolBar DockPanel.Dock="Top">
<Button Click="OnNewClick">
<Image Source="/Images/Document.ico" Height="20"/>
</Button>
</ToolBar>
<d:DockingControl x:Name="TheSource">
<d:ToolFrame Name="FrmLeft" Dock="Left" Width="150">
<d:ToolFrameItem Source="/Page1.xaml" Title="Left A" Icon="Images/1.ico" />
<d:ToolFrameItem Source="/Page2.xaml" Title="Left B" Icon="Images/2.ico" />
</d:ToolFrame>
<d:ToolFrame Name="FrmLeftBottom" Dock="Bottom" RelativeTo="FrmLeft" Height="160">
<d:ToolFrameItem Source="/Page3.xaml" Title="Left bottom" Icon="Images/3.ico"/>
</d:ToolFrame>
<d:ToolFrame Name="FrmRight" Dock="Right" Location="Collapsed">
<d:ToolFrameItem Source="/Page1.xaml" Title="Right A" Icon="/Images/4.ico" />
<d:ToolFrameItem Source="/Page2.xaml" Title="Right B" Icon="/Images/5.ico" />
</d:ToolFrame>
<d:ToolFrame Name="FrmMain" HasHeader="False" TabStripPlacement="Top" CanClose="False" TabVisibility="Visible">
<d:ToolFrameItem Source="/CenterPage.xaml" Title="Intro" />
</d:ToolFrame>
</d:DockingControl>
</DockPanel>
</Window>