Information
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"/>
-or-
<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" />
</StackPanel>


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

basic horizontal stack panel

Silverlight

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

Show:
© 2014 Microsoft