Register  |  Login
 
 
 
You are here :- Products >> Docking Control >> Example code 2
Code example 2 Minimize

<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>
Print