<Page
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
>
  <Page.Resources>
  </Page.Resources>

<DockPanel Background="Orange">

	<Button DockPanel.Dock="Top" Margin="5,5,5,5" Background="Yellow" FontSize="14pt">I'm docked at the top</Button>
	<Button DockPanel.Dock="Left" Margin="5,5,5,5" Background="Yellow" FontSize="14pt">I'm docked at the left</Button>
	<Button DockPanel.Dock="Right" Margin="5,5,5,5" Background="Yellow" FontSize="14pt">I'm docked at the right</Button>
	<Button DockPanel.Dock="Bottom" Margin="5,5,5,5" Background="Yellow" FontSize="14pt">I'm docked at the bottom</Button>
	<Button DockPanel.Dock="Bottom" Margin="5,5,5,5" Background="Yellow" FontSize="14pt">I'm docked at the bottom too</Button>

</DockPanel>


<!--

	<Grid ShowGridLines="True" Background="Black" >
		<Grid.RowDefinitions>
			<RowDefinition Height="3*"/>
			<RowDefinition/>
			<RowDefinition/>
		</Grid.RowDefinitions>
		<Grid.ColumnDefinitions>
			<ColumnDefinition/>
			<ColumnDefinition Width="2*"/>
		</Grid.ColumnDefinitions>

	</Grid>
-->


<!--
		<Canvas Margin="5,5,5,5" Grid.Row="0" Grid.Column="1" Grid.RowSpan="2">
			<Canvas.Background>
				<LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1"> 
					<LinearGradientBrush.GradientStops>
						<GradientStopCollection>
							<GradientStop Color="Blue" Offset="0"/>
							<GradientStop Color="Aqua" Offset="1"/>
						</GradientStopCollection>
					</LinearGradientBrush.GradientStops>
				</LinearGradientBrush>
			</Canvas.Background>
		</Canvas>
-->

<!--
		<StackPanel Margin="5,5,5,5"  Grid.Row="0" Grid.Column="0">
			<Button FontSize="14pt" Background="White">I'm stacked</Button>
			<Button FontSize="14pt" Background="White">I'm stacked</Button>
			<Button FontSize="14pt" Background="White">I'm stacked</Button>
			<Button FontSize="14pt" Background="White">I'm stacked</Button>
			<Button FontSize="14pt" Background="White">I'm stacked</Button>
			<Button FontSize="14pt" Background="White">I'm stacked</Button>
			<Button FontSize="14pt" Background="White">I'm stacked</Button>
		</StackPanel>
		<StackPanel Margin="5,5,5,5"  Orientation="Horizontal" Grid.Row="2" Grid.Column="1">
			<Button FontSize="14pt" Background="Aqua">I'm stacked</Button>
			<Button FontSize="14pt" Background="Aqua">I'm stacked</Button>
			<Button FontSize="14pt" Background="Aqua">I'm stacked</Button>
			<Button FontSize="14pt" Background="Aqua">I'm stacked</Button>
			<Button FontSize="14pt" Background="Aqua">I'm stacked</Button>
			<Button FontSize="14pt" Background="Aqua">I'm stacked</Button>
		</StackPanel>
-->

<!--
		<ScrollViewer FlowDirection="LeftToRight" HorizontalScrollBarVisibility="Visible" VerticalScrollBarVisibility="Hidden" Grid.Row="2" Grid.Column="2">
		<StackPanel Orientation="Horizontal" Name="stackPanel1" >
			<Button FontSize="14pt" Background="White" RenderTransformOrigin="0.5,0.5">I'm stacked
			</Button>
			<Button FontSize="14pt" Background="White" RenderTransformOrigin="0.5,0.5">I'm stacked
				<Button.LayoutTransform>
					<RotateTransform x:Name="MyAnimatedTransform" Angle="0" />
				</Button.LayoutTransform>
				<Button.RenderTransform>
					<RotateTransform x:Name="MyRenderTransform" Angle="0" />
				</Button.RenderTransform>
				<Button.Triggers>
					<EventTrigger RoutedEvent="Button.Click">
						<BeginStoryboard>
							<Storyboard>
								<DoubleAnimation
			             	   			Storyboard.TargetName="MyAnimatedTransform" Storyboard.TargetProperty="(RotateTransform.Angle)"
					       	         From="0.0" To="360" Duration="0:0:5" 
								AutoReverse="True" />
								<DoubleAnimation
				             	   		Storyboard.TargetName="MyAnimatedTransform2" Storyboard.TargetProperty="(RotateTransform.Angle)"
					       	         From="0.0" To="360" Duration="0:0:5" 
								AutoReverse="True" />
							</Storyboard> 
						</BeginStoryboard>
					</EventTrigger>
					<EventTrigger RoutedEvent="Button.MouseRightButtonDown">
						<BeginStoryboard>
							<Storyboard>
								<DoubleAnimation
				             	   		Storyboard.TargetName="MyRenderTransform" Storyboard.TargetProperty="(RotateTransform.Angle)"
					       	         From="0.0" To="360" Duration="0:0:1" 
								AutoReverse="True" />
								<DoubleAnimation Storyboard.TargetName="MyRenderTransform2" Storyboard.TargetProperty="(RotateTransform.Angle)"
					       	         From="0.0" To="360" Duration="0:0:1" 
								AutoReverse="True" />
							</Storyboard>
						</BeginStoryboard>
					</EventTrigger>
				</Button.Triggers>
			</Button>

			<Button FontSize="14pt" Background="White" RenderTransformOrigin="0.5,0.5">I'm stacked
				<Button.LayoutTransform>
					<RotateTransform x:Name="MyAnimatedTransform2" Angle="0" />
				</Button.LayoutTransform>
				<Button.RenderTransform>
					<RotateTransform x:Name="MyRenderTransform2" Angle="0" />
				</Button.RenderTransform>
			</Button>
			<Button FontSize="14pt" Background="White">I'm stacked</Button>
			<Button FontSize="14pt" Background="White">I'm stacked</Button>
			<Button FontSize="14pt" Background="White">I'm stacked</Button>

		</StackPanel>
	</ScrollViewer>

-->
</Page>