Positioning UI Elements with a StackPanel

    
<UserControl x:Class='SilverlightApplication3.MainPage'
    xmlns='http://schemas.microsoft.com/winfx/2006/xaml/presentation' 
    xmlns:x='http://schemas.microsoft.com/winfx/2006/xaml'
    xmlns:d='http://schemas.microsoft.com/expression/blend/2008' 
    xmlns:mc='http://schemas.openxmlformats.org/markup-compatibility/2006' 
    mc:Ignorable='d' 
    d:DesignWidth='640' 
    d:DesignHeight='480'>
  <StackPanel x:Name="LayoutRoot" Background="White" Orientation="Horizontal">
    <Rectangle Height="100" Fill="#FF000080" Stroke="#FF000000" Margin="4"  
                 MinWidth="100"/>
    <Rectangle Height="100" Fill="#FFFFFF00" Stroke="#FF000000" 
                 Margin="0,0,4,0" MinWidth="100"/>
    <Rectangle Height="100" Fill="#FF008000" Stroke="#FF000000" Margin="4,4" 
                 MinWidth="100"/>
    <Rectangle Height="100" Fill="#FF00FFFF" Stroke="#FF000000" Margin="4,0" 
                 MinWidth="100"/>
  </StackPanel>
</UserControl>

1.	Using a StackPanel control
2.	StackPanel.Orientation=Vertical
3.	Horizontal StackPanel example
4.	A basic StackPanel with three elements
5.	A basic StackPanel that uses a Horizontal Orientation
6.	A StackPanel with three VisibleUIElement items
7.	A StackPanel with a CollapsedUIElement
8.	Simple StackPanel
9.	Set height, Background and Orientation for StackPanel
10.	Change StackPanel Orientation
11.	Use StackPanel to arrange child objects in a single line that you can align horizontally or vertically.
12.	Layout with StackPanel
13.	Put controls into StackPanel
14.	Nested StackPanels

Positioning UI Elements with a StackPanel : StackPanel « Containers « Silverlight

Related examples in the same category