<?xml version="1.0" encoding="utf-8"?>
<UserControl x:Class="MainTestApplication.MainPage" FontSize="13" FontFamily="Segoe UI" 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" xmlns:c="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls" xmlns:c1="http://schemas.componentone.com/winfx/2006/xaml" xmlns:local="clr-namespace:MainTestApplication">

    <!-- page background -->
    <UserControl.Background>
        <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
            <GradientStop Color="Black" Offset="0" />
            <GradientStop Color="#FFB63636" Offset="1" />
        </LinearGradientBrush>
    </UserControl.Background>

    <!-- border around the main content -->
    <Grid>
        <!-- styles used by controls in this app -->
        <Grid.Resources>
            <Style x:Key="textBorderStyle" TargetType="Border">
                <Setter Property="Margin" Value="0 8" />
                <Setter Property="Background" Value="White" />
                <Setter Property="BorderBrush" Value="#FFA3AEB9" />
                <Setter Property="BorderThickness" Value="1" />
            </Style>
        </Grid.Resources>
        <Border BorderBrush="Black" BorderThickness="1">
            <Border.Background>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FF8CA7C5" Offset="1" />
                    <GradientStop Color="#FFC6D9EF" />
                </LinearGradientBrush>
            </Border.Background>
        </Border>
        <Border BorderBrush="#FFA3AEB9" BorderThickness="1" Height="36" Margin="10,10,10,0" VerticalAlignment="Top" CornerRadius="2">
            <Border.Background>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFD6E3F1" Offset="1" />
                    <GradientStop Color="#FFEBF3FC" />
                </LinearGradientBrush>
            </Border.Background>
            <Border BorderBrush="#FFEEF5FB" BorderThickness="1" Margin="0" CornerRadius="1">
                <StackPanel Margin="0,0,-6,-4" Orientation="Horizontal">
                    <Image Source="Resources/C1.Silverlight.FlexGrid.png" Stretch="Fill" Width="32" Margin="4,0,4,4" />
                    <TextBlock Margin="0,2,0,4" TextWrapping="Wrap" Text="ComponentOne FlexGrid® for Silverlight" FontSize="18.667" Foreground="#FF4976AD" Width="576" />
                </StackPanel>
            </Border>
        </Border>
        <!-- main content -->
        <Grid x:Name="LayoutRoot" Margin="10,50,10,10">
            <Grid.RowDefinitions>
                <RowDefinition />
                <RowDefinition Height="Auto" />
            </Grid.RowDefinitions>
            <c:TabControl x:Name="_samplesTab" SelectionChanged="TabControl_SelectionChanged">
                <!-- Grouping -->
                <c:TabItem Header="Grouping" Foreground="#FF325989">
                    <local:Grouping />
                </c:TabItem>
                <!-- Filtering -->
                <c:TabItem Header="Filtering" Foreground="#FF325989">
                    <local:Filtering />
                </c:TabItem>
                <!-- Unbound -->
                <c:TabItem Header="Unbound" Foreground="#FF325989">
                    <local:Unbound />
                </c:TabItem>
                <!-- SelectionMode -->
                <c:TabItem Header="SelectionMode" Foreground="#FF325989">
                    <local:Selection />
                </c:TabItem>
                <!-- iTunes (custom cells/tree/search/filter/Linq) -->
                <c:TabItem Header="iTunes" Foreground="#FF325989">
                    <local:ITunes />
                </c:TabItem>
                <!-- Financial -->
                <c:TabItem Header="Financial" Foreground="#FF325989">
                    <local:Financial />
                </c:TabItem>
                <!-- Editing -->
                <c:TabItem Header="Editing" Foreground="#FF325989">
                    <local:Editing />
                </c:TabItem>
                <!-- Performance -->
                <c:TabItem Header="Performance" Foreground="#FF325989">
                    <local:Performance />
                </c:TabItem>
            </c:TabControl>
            <Border Grid.Row="1" Style="{StaticResource textBorderStyle}">
                <TextBlock x:Name="_sampleText" TextWrapping="Wrap" Margin="10" Foreground="#FF4976AD" />
            </Border>
        </Grid>
    </Grid>
</UserControl>