Window with DockLayout : DockPanel « Windows Presentation Foundation « VB.Net Tutorial






<Window x:Class="WpfApplication1.Window1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="Fun with Panels!" Height="291" Width="529">

  <DockPanel LastChildFill ="True">
    <Menu DockPanel.Dock ="Top" HorizontalAlignment="Left" Background="White">
      <MenuItem Header="_File">
        <Separator/>
        <MenuItem Header ="_Exit" />
      </MenuItem>
    </Menu>
    <StatusBar Name="statBar" DockPanel.Dock ="Bottom" 
               VerticalAlignment="Bottom" Background="Beige" >
      <StatusBarItem>
        <TextBlock>Ready</TextBlock>
      </StatusBarItem>
    </StatusBar>

    <StackPanel Background="LightSteelBlue" Orientation ="Vertical" DockPanel.Dock ="Left">
      <Label Name="lblInstruction" FontSize="15">Information</Label>
      <Label Name="lblMake">Make</Label>
      <TextBox Name="txtMake"/>
      <Label Name="lblColor">Color</Label>
      <TextBox Name="txtColor"/>
      <Label Name="lblPetName">Name</Label>
      <TextBox Name="txtPetName"/>
      <Button Name="btnOK">OK</Button>
    </StackPanel>
  
    <TextBlock Background ="LemonChiffon" FontSize ="20">test</TextBlock>
  </DockPanel>
</Window>
WPF Window With Dock Layout








16.42.DockPanel
16.42.1.Using DockPanel.Dock to position elementsUsing DockPanel.Dock to position elements
16.42.2.Use DockPanel to layout a WindowUse DockPanel to layout a Window
16.42.3.Nested DockPanelNested DockPanel
16.42.4.Fill DockPanel with Labels and ButtonsFill DockPanel with Labels and Buttons
16.42.5.Window with DockLayoutWindow with DockLayout
16.42.6.Dock UI Elements to the Edges of a FormDock UI Elements to the Edges of a Form
16.42.7.Put a StackPanel on the LeftPut a StackPanel on the Left
16.42.8.Set Dock position for DockPanel layoutSet Dock position for DockPanel layout
16.42.9.Differences of StackPanel and DockPanelDifferences of StackPanel and DockPanel
16.42.10.Insert to a Panel by indexInsert to a Panel by index
16.42.11.Get all children from a PanelGet all children from a Panel
16.42.12.Find the index number of a newly added element within a panel, using the IndexOf methodFind the index number of a newly added element within a panel, using the IndexOf method
16.42.13.Show the effect of each value of the Dock property by manipulating two Rectangle elements.Show the effect of each value of the Dock property by manipulating two Rectangle elements.