<UserControl x:Class="TutorialsSilverlight.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:DesignHeight="360" d:DesignWidth="400">
    <UserControl.Resources>
        <Style TargetType="HyperlinkButton">
            <Setter Property="Margin" Value="2"/>
            <Setter Property="FontSize" Value="14"/>
        </Style>
    </UserControl.Resources>
    <Grid x:Name="LayoutRoot" Background="White">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto"/>
            <ColumnDefinition/>
        </Grid.ColumnDefinitions>

        <!-- Left pane with link-buttons -->
        <Border Margin="2" BorderBrush="Gray" BorderThickness="1" CornerRadius="3">
            <StackPanel Margin="5" >
                <Border Background="LightBlue" Margin="0,5,0,5" CornerRadius="5">
                    <TextBlock FontWeight="Bold" Foreground="White"  Margin="6,0,6,0" Padding="5" >Using C1DataSource control</TextBlock>
                </Border>
                <HyperlinkButton Click="showSimpleBinding" Content="Simple binding" />
                <HyperlinkButton Click="showServerSideFiltering" Content="Server-side filtering"/>
                <HyperlinkButton Click="showMasterDetailBinding" Content="Master-detail binding"/>
                <HyperlinkButton Click="showPaging" Content="Paging"/>
                <HyperlinkButton Click="showLargeDataSet" Content="Large datasets: Virtual Mode"/>
                <HyperlinkButton Click="showCustomColumns" Content="Custom columns"/>
                <Border Background="LightBlue" Margin="0,5,0,5" CornerRadius="5">
                    <TextBlock FontWeight="Bold" Foreground="White"  Margin="6,0,6,0" Padding="5" >Programming in code</TextBlock>
                </Border>
                <HyperlinkButton Click="showDataSourcesInCode" Content="Data sources in code"/>
                <HyperlinkButton Click="showClientSideQuerying" Content="Client-side querying: Live views"/>
                <Border Background="LightBlue" Margin="0,5,0,5" CornerRadius="5">
                    <TextBlock FontWeight="Bold" Foreground="White"  Margin="6,0,6,0" Padding="5" >Using MVVM pattern</TextBlock>
                </Border>
                <HyperlinkButton Click="showCategoryProductsView" Content="MVVM"/>
            </StackPanel>
        </Border>

        <!-- A placeholder for controls displaying the tutorials -->
        <ContentControl Grid.Column="1" Margin="1" x:Name="placeHolder" HorizontalContentAlignment="Stretch" VerticalContentAlignment="Stretch" />
    </Grid>
</UserControl>
