<?xml version="1.0" encoding="utf-8"?>
<UserControl x:Class="BasicControls.TileListBoxSample" mc:Ignorable="d" d:DesignHeight="300" d:DesignWidth="300" 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">
    <Grid>
        <StackPanel x:Name="loading" VerticalAlignment="Center">
            <TextBlock Text="Retrieving data from YouTube..." TextAlignment="Center" />
            <c1:C1ProgressBar IsIndeterminate="True"/>
        </StackPanel>
        <Button x:Name="retry" HorizontalAlignment="Center" VerticalAlignment="Center" Content="Retry" Visibility="Collapsed" Click="Retry_Click" />
        <c1:C1TileListBox x:Name="listBox" ItemsSource="{Binding}" Background="Transparent" Foreground="White" SelectedBackground="#FF0C5C81" ItemWidth="130" ItemHeight="130" ItemClick="tileListBox_ItemClick" Visibility="Collapsed">
            <c1:C1TileListBox.PreviewItemTemplate>
                <DataTemplate>
                    <Grid Background="Gray" />
                </DataTemplate>
            </c1:C1TileListBox.PreviewItemTemplate>
            <c1:C1TileListBox.ItemTemplate>
                <DataTemplate>
                    <Grid Background="LightBlue">
                        <Image Source="{Binding Thumbnail}" Stretch="UniformToFill" />
                        <TextBlock Text="{Binding Title}" Foreground="White" Margin="4 0 0 4" VerticalAlignment="Bottom" />
                    </Grid>
                </DataTemplate>
            </c1:C1TileListBox.ItemTemplate>
        </c1:C1TileListBox>
    </Grid>
</UserControl>