Using DockPanel.Dock to position elements

      
<Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation">
    <Border BorderBrush="Black" BorderThickness="1 ">
        <DockPanel>
            <Border DockPanel.Dock ="Top" BorderBrush="Red" BorderThickness="1 ">
                <Label>Username Label</Label>
            </Border>
            <Border DockPanel.Dock ="Right" BorderBrush="Red" BorderThickness="1 ">
                <TextBox>username@example.com</TextBox>
            </Border>
            <Border DockPanel.Dock ="Left" BorderBrush="Red" BorderThickness="1 ">
               <Label>Password Label</Label>
            </Border>
            <Border DockPanel.Dock="Top" BorderBrush="Red"
                BorderThickness="1">
                <TextBox>This is the password box </TextBox>
            </Border>
            <Border DockPanel.Dock ="Bottom" BorderBrush="Red" BorderThickness="1">
                <Button Content="Submit"/>
            </Border>
        </DockPanel>
    </Border>
</Page>

1.	Use DockPanel to layout a Window
2.	Nested DockPanel
3.	Fill DockPanel with Labels and Buttons
4.	Window with DockLayout
5.	Dock UI Elements to the Edges of a Form
6.	Put a StackPanel on the Left
7.	Set Dock position for DockPanel layout
8.	Differences of StackPanel and DockPanel
9.	Insert to a Panel by index
10.	Get all children from a Panel
11.	Find 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.

Using DockPanel.Dock to position elements : DockPanel « Windows Presentation Foundation « VB.Net

Related examples in the same category