<?xml version="1.0" encoding="utf-8"?>
<UserControl x:Class="C1_Demo.DemoDockPanel" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:c1="http://schemas.componentone.com/winfx/2006/xaml">
    <UserControl.Resources>
        <Style x:Key="TextBlockStyle" TargetType="TextBlock">
            <Setter Property="VerticalAlignment" Value="Center" />
            <Setter Property="HorizontalAlignment" Value="Center" />
            <Setter Property="Foreground" Value="#FF303030" />
            <Setter Property="FontFamily" Value="Tahoma" />
            <Setter Property="FontSize" Value="11" />
            <Setter Property="FontWeight" Value="Normal" />
        </Style>
		<Style x:Key="BorderStyle" TargetType="Border">
			<Setter Property="BorderThickness" Value="1" />
			<Setter Property="BorderBrush">
				<Setter.Value>
					<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
						<GradientStop Color="#FFBDBDBD" />
						<GradientStop Color="#FFDADADA" Offset="0.5" />
						<GradientStop Color="#FFBDBDBD" Offset="1" />
					</LinearGradientBrush>
				</Setter.Value>
			</Setter>
        </Style>
    </UserControl.Resources>
	<c1:C1DockPanel x:Name="dock" LastChildFill="True" VerticalAlignment="Stretch" HorizontalAlignment="Stretch">
		<Border c1:C1DockPanel.Dock="Top" Height="50" CornerRadius="5,5,0,0" Style="{StaticResource BorderStyle}">
			<Border.Background>
				<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
					<GradientStop Color="#FF005B84" />
					<GradientStop Color="#FF3F84A2" Offset="1" />
				</LinearGradientBrush>
			</Border.Background>
            <TextBlock Text="Top" Style="{StaticResource TextBlockStyle}" />
        </Border>
		<Border c1:C1DockPanel.Dock="Bottom" Style="{StaticResource BorderStyle}" Height="50" CornerRadius="0,0,5,5">
			<Border.Background>
				<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
					<GradientStop Color="#FF008B9C" />
					<GradientStop Color="#FF3FA8B4" Offset="1" />
				</LinearGradientBrush>
			</Border.Background>
            <TextBlock Text="Bottom" Style="{StaticResource TextBlockStyle}" />
		</Border>
		<Border c1:C1DockPanel.Dock="Right" Style="{StaticResource BorderStyle}" Width="50">
			<Border.Background>
				<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
					<GradientStop Color="#FF25A79F" />
					<GradientStop Color="#FF5CBBB9" Offset="1" />
				</LinearGradientBrush>
			</Border.Background>
            <TextBlock Text="Right" Style="{StaticResource TextBlockStyle}" />
		</Border>
		<Border c1:C1DockPanel.Dock="Left" Style="{StaticResource BorderStyle}" Width="50">
			<Border.Background>
				<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
					<GradientStop Color="#FF497331" />
					<GradientStop Color="#FF779665" Offset="1" />
				</LinearGradientBrush>
			</Border.Background>
            <TextBlock Text="Left" Style="{StaticResource TextBlockStyle}" />
		</Border>
        <Border c1:C1DockPanel.Dock="Top" Style="{StaticResource BorderStyle}" Background="#FF0094D6" Height="35">
            <TextBlock Text="Top" Style="{StaticResource TextBlockStyle}" />
        </Border>
        <Border c1:C1DockPanel.Dock="Bottom" Style="{StaticResource BorderStyle}" Background="#FF9DCFC3" Height="35">
            <TextBlock Text="Bottom" Style="{StaticResource TextBlockStyle}" />
        </Border>
        <Border c1:C1DockPanel.Dock="Right" Style="{StaticResource BorderStyle}" Background="#FFA5DDFE" Width="35">
            <TextBlock Text="Right" Style="{StaticResource TextBlockStyle}" />
        </Border>
        <Border c1:C1DockPanel.Dock="Left" Style="{StaticResource BorderStyle}" Background="#FFE0EEEF" Width="35">
            <TextBlock Text="Left" Style="{StaticResource TextBlockStyle}" />
        </Border>
        <Border Background="#FFFFFCC7" Style="{StaticResource BorderStyle}">
            <TextBlock Text="Fill" Style="{StaticResource TextBlockStyle}" />
        </Border>
    </c1:C1DockPanel>
</UserControl>