<?xml version="1.0" encoding="utf-8"?>
<UserControl x:Class="C1_Demo.ListBoxDemo" mc:Ignorable="d" d:DesignHeight="300" d:DesignWidth="400" 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:c1="http://schemas.componentone.com/winfx/2006/xaml">

    <Grid>
        <StackPanel x:Name="loading" VerticalAlignment="Center">
            <TextBlock Text="Retrieving data from Flickr..." TextAlignment="Center" />
            <c1:C1ProgressBar IsIndeterminate="True" Height="4" />
        </StackPanel>
        <Button x:Name="retry" HorizontalAlignment="Center" VerticalAlignment="Center" Content="Retry" Visibility="Collapsed" Click="Retry_Click" />
        <c1:C1ListBox x:Name="listBox" ItemsSource="{Binding}" Background="Transparent" Foreground="White" SelectedBackground="#FF0577AF" Visibility="Collapsed" ItemWidth="240" ItemHeight="192" HorizontalContentAlignment="Stretch" VerticalContentAlignment="Stretch" Orientation="Horizontal" Zoom="1" ZoomMode="Disabled" ViewportGap="0" ViewportPreviewGap="0" RefreshWhileScrolling="False">
            <c1:C1ListBox.PreviewItemTemplate>
                <DataTemplate>
                    <Grid Background="Gray">
                        <Image Source="{Binding Thumbnail}" Stretch="UniformToFill" />
                    </Grid>
                </DataTemplate>
            </c1:C1ListBox.PreviewItemTemplate>
            <c1:C1ListBox.ItemTemplate>
                <DataTemplate>
                    <Grid>
                        <Image Source="{Binding Content}" Stretch="UniformToFill" />
                        <TextBlock Text="{Binding Title}" Margin="4 0 0 4" VerticalAlignment="Bottom" />
                    </Grid>
                </DataTemplate>
            </c1:C1ListBox.ItemTemplate>
        </c1:C1ListBox>
    </Grid>
</UserControl>