Windows apps
Collapse the table of content
Expand the table of content
The topic you requested is included in another documentation set. For convenience, it's displayed below. Choose Switch to see the topic in its original location.

StackPanel.Orientation Property

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

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

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


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.

Community Additions

© 2017 Microsoft