Dock UI Elements to the Edges of a Form

      
<Window x:Class="Main"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="WPF " Height="200" Width="300">
    <DockPanel>
        <StackPanel DockPanel.Dock="Top" Orientation="Horizontal">
            <Button Content="Button 1" Margin="2" />
            <Button Content="Button 2" Margin="2" />
            <Button Content="Button 3" Margin="2" />
            <Button Content="Button 4" Margin="2" />
            <Button Content="Button 5" Margin="2" />
        </StackPanel>
        <StackPanel DockPanel.Dock="Left">
            <Button Content="Button A" Margin="2" />
            <Button Content="Button B" Margin="2" />
            <Button Content="Button C" Margin="2" />
            <Button Content="Button D" Margin="2" />
            <Button Content="Button E" Margin="2" />
        </StackPanel>
        <Button Content="Fill Button" />
    </DockPanel>
</Window>

1.	Using DockPanel.Dock to position elements
2.	Use DockPanel to layout a Window
3.	Nested DockPanel
4.	Fill DockPanel with Labels and Buttons
5.	Window with DockLayout
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.

Dock UI Elements to the Edges of a Form : DockPanel « Windows Presentation Foundation « VB.Net

Related examples in the same category