StackPanel.Orientation Property

Microsoft Silverlight will reach end of support after October 2021. Learn more.

Gets or sets the dimension by which child elements are stacked.

Namespace:  System.Windows.Controls
Assembly:  System.Windows (in System.Windows.dll)


Public Property Orientation As Orientation
public Orientation Orientation { get; set; }
<StackPanel Orientation="Horizontal"/>
<StackPanel Orientation="Vertical"/>

Property Value

Type: System.Windows.Controls.Orientation
One of the enumeration values that specifies the orientation of child elements. The default is Vertical.


Dependency property identifier field: OrientationProperty


The following example creates a horizontal list of items by setting the Orientation property to Horizontal.

<StackPanel Orientation="Horizontal" Margin="20">
    <Rectangle Fill="Red" Width="50" Height="50" Margin="5" />
    <Rectangle Fill="Blue" Width="50" Height="50" Margin="5" />
    <Rectangle Fill="Green" Width="50" Height="50" Margin="5" />
    <Rectangle Fill="Purple" Width="50" Height="50" Margin="5" />

The preceding example produces output that is similar to the following illustration.

basic horizontal stack panel

Version Information


Supported in: 5, 4, 3

Silverlight for Windows Phone

Supported in: Windows Phone OS 7.1, Windows Phone OS 7.0


For a list of the operating systems and browsers that are supported by Silverlight, see Supported Operating Systems and Browsers.