<Page x:Class="FlexGrid101.ColumnLayout"
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
      xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
      xmlns:c1="http://schemas.componentone.com/winfx/2006/xaml"       
      mc:Ignorable="d" 
      d:DesignHeight="450" d:DesignWidth="800"
      Title="ColumnLayout">

    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"></RowDefinition>
            <RowDefinition></RowDefinition>
        </Grid.RowDefinitions>

        <ToolBar Background="#9E9E9E">
            <Button  Click="OnEditColumnLayout" Margin="5,0">
                <StackPanel>
                    <Image Source="/FlexGrid101;component/Images/appbar.edit.png" Height="30" />
                    <Label x:Name="btnEditColumnLayout" Foreground="White" HorizontalAlignment="Center" />
                </StackPanel>
            </Button>
            <Button Click="OnSerializeColumnLayout" Margin="5,0">
                <StackPanel>
                    <Image Source="/FlexGrid101;component/Images/save.png" Height="30"/>
                    <Label x:Name="btnSerializeColumnLayout" Foreground="White" HorizontalAlignment="Center" />
                </StackPanel>
            </Button>
        </ToolBar>

        <c1:C1FlexGrid x:Name="grid" Grid.Row="1"/>
    </Grid>
</Page>
