Nested DockPanel : DockPanel « Windows Presentation Foundation « VB.Net






Nested DockPanel

Nested DockPanel
      

<Page 
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">

  <DockPanel>
    <TextBlock Background="LightBlue"
               DockPanel.Dock="Top">Some Text</TextBlock>
    <TextBlock DockPanel.Dock="Bottom"
               Background="LightYellow">bottom</TextBlock>
    <TextBlock DockPanel.Dock="Left"
               Background="Lavender">Some More Text</TextBlock>
    <DockPanel Background="Bisque">
      <StackPanel DockPanel.Dock="Top">
        <Button HorizontalAlignment="Left" 
                Height="30px"
                Width="100px"
                Margin="10,10,10,10">Button1</Button>
        <Button HorizontalAlignment="Left"
                Height="30px"
                Width="100px"
                Margin="10,10,10,10">Button2</Button>
      </StackPanel>
      <TextBlock Background="LightGreen">Some Text Below the Buttons</TextBlock>
    </DockPanel>
  </DockPanel>
</Page>

   
    
    
    
    
    
  








Related examples in the same category

1.Using DockPanel.Dock to position elementsUsing DockPanel.Dock to position elements
2.Use DockPanel to layout a WindowUse DockPanel to layout a Window
3.Fill DockPanel with Labels and ButtonsFill DockPanel with Labels and Buttons
4.Window with DockLayoutWindow with DockLayout
5.Dock UI Elements to the Edges of a FormDock UI Elements to the Edges of a Form
6.Put a StackPanel on the LeftPut a StackPanel on the Left
7.Set Dock position for DockPanel layoutSet Dock position for DockPanel layout
8.Differences of StackPanel and DockPanelDifferences of StackPanel and DockPanel
9.Insert to a Panel by indexInsert to a Panel by index
10.Get all children from a PanelGet all children from a Panel
11.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
12.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.