Change StackPanel Orientation

    


<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 Margin="3" Name="stackPanel1">
    <TextBlock Margin="3" HorizontalAlignment="Center">
      A Button Stack
    </TextBlock>
    <Button Margin="3" MaxWidth="200" MinWidth="100">Button 1</Button>
    <Button Margin="3" MaxWidth="200" MinWidth="100">Button 2</Button>
    <Button Margin="3" MaxWidth="200" MinWidth="100">Button 3</Button>
    <Button Margin="3" MaxWidth="200" MinWidth="100">Button 4</Button>

    <CheckBox Name="chkVertical" Margin="10" HorizontalAlignment="Center"
     Checked="chkVertical_Checked" Unchecked="chkVertical_Unchecked">
      Use Vertical Orientation</CheckBox>            
  </StackPanel>
</UserControl>



//File:Window.xaml.cs
using System;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Shapes;

namespace SilverlightApplication3
{
    public partial class MainPage : UserControl
    {

        public MainPage()
        {
            InitializeComponent();
        }

        private void chkVertical_Checked(object sender, RoutedEventArgs e)
        {
            stackPanel1.Orientation = Orientation.Horizontal;
        }

        private void chkVertical_Unchecked(object sender, RoutedEventArgs e)
        {
            stackPanel1.Orientation = Orientation.Vertical;
        }
    }
}

1.	Positioning UI Elements with a StackPanel
2.	Using a StackPanel control
3.	StackPanel.Orientation=Vertical
4.	Horizontal StackPanel example
5.	A basic StackPanel with three elements
6.	A basic StackPanel that uses a Horizontal Orientation
7.	A StackPanel with three VisibleUIElement items
8.	A StackPanel with a CollapsedUIElement
9.	Simple StackPanel
10.	Set height, Background and Orientation for StackPanel
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

Change StackPanel Orientation : StackPanel « Containers « Silverlight

Related examples in the same category