<?xml version="1.0" encoding="utf-8"?>
<UserControl x:Class="C1Extended_Demo.SinglePage" mc:Ignorable="d" 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" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006">
    <Grid x:Name="LayoutRoot">
        <Grid.RowDefinitions>
            <RowDefinition />
            <RowDefinition />
        </Grid.RowDefinitions>
        <Button x:Name="Backward" Content="Backward" Height="25" Width="60" Margin="-200,0,0,30" Click="Backward_Click" />
        <Button x:Name="Forward" Content="Forward" Height="25" Width="60" Margin="0,0,0,30" Click="Forward_Click" />
        <CheckBox x:Name="Vertical" Content="Vertical" Height="30" Width="60" Margin="200,0,0,30" Checked="Vertical_Checked" Unchecked="Vertical_Unchecked" />
        <c1:C1Book x:Name="book" PageMode="OnePage" Width="300" Height="400" Grid.RowSpan="2">
            <c1:C1Book.ItemTemplate>
                <DataTemplate>
                    <Grid>
                        <Grid.Background>
                            <LinearGradientBrush EndPoint="1,1" StartPoint="0,0">
                                <GradientStop Color="#FFE2E8EB" Offset="0.2" />
                                <GradientStop Color="#FFEEF4F7" Offset="0.3" />
                                <GradientStop Color="#FFE2E8EB" Offset="0.4" />
                            </LinearGradientBrush>
                        </Grid.Background>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="Auto" />
                            <RowDefinition Height="*" />
                            <RowDefinition Height="Auto" />
                        </Grid.RowDefinitions>
                        <Image HorizontalAlignment="Stretch" Source="{Binding Path=CoverUri}" VerticalAlignment="Top" Grid.Row="1" />
                        <TextBlock Text="{Binding Path=Title}" TextWrapping="Wrap" TextAlignment="Left" FontSize="11" FontWeight="Bold" Margin="10,7,10,10" Foreground="#FF22445F" />
                        <Grid HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Grid.Row="2" Grid.RowSpan="1" Margin="10,7,10,10">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition />
                                <ColumnDefinition />
                            </Grid.ColumnDefinitions>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                            </Grid.RowDefinitions>
                            <TextBlock HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Text="{Binding Path=Price}" TextWrapping="NoWrap" Grid.ColumnSpan="1" Grid.Row="1" Grid.Column="1" FontSize="11" Foreground="#FF086C8E" FontWeight="Bold" />
                            <TextBlock HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Text="{Binding Path=Id}" Grid.ColumnSpan="1" Grid.Column="1" TextWrapping="NoWrap" FontSize="11" Foreground="#FF383838" />
                            <TextBlock Text="Book Code:" TextWrapping="NoWrap" FontSize="11" Foreground="#FF383838" />
                            <TextBlock Text="Price:" TextWrapping="NoWrap" Grid.Row="1" Margin="0,4,0,2" FontSize="11" Foreground="#FF383838" />
                        </Grid>
                    </Grid>
                </DataTemplate>
            </c1:C1Book.ItemTemplate>
        </c1:C1Book>
    </Grid>
</UserControl>