<?xml version="1.0" encoding="utf-8"?>
<UserControl x:Class="C1Extended_Demo.DemoExpander" 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">
    <UserControl.Resources>
        <Style x:Key="ItemStyle" TargetType="Border">
            <Setter Property="Height" Value="50" />
            <Setter Property="Width" Value="50" />
            <Setter Property="Margin" Value="5 5 10 5" />
            <Setter Property="CornerRadius" Value="3" />
            <Setter Property="BorderThickness" Value="2" />
            <Setter Property="BorderBrush" Value="#FF8FB4CC" />
        </Style>
        <Style x:Key="LabelText" TargetType="TextBlock">
            <Setter Property="FontSize" Value="10" />
            <Setter Property="Foreground" Value="#FF5a5a5a" />
            <Setter Property="TextWrapping" Value="Wrap" />
            <Setter Property="VerticalAlignment" Value="Top" />
            <Setter Property="Margin" Value="0 5 0 0" />
        </Style>
    </UserControl.Resources>
    <c1:C1Expander x:Name="expander" Header="My Contacts" IsExpanded="True" IsTabStop="True">
        <ListBox BorderThickness="0" Background="Transparent">
            <ListBoxItem Margin="0,0,0,5">
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="Auto" />
                        <ColumnDefinition Width="*" />
                    </Grid.ColumnDefinitions>
                    <Border HorizontalAlignment="Left" VerticalAlignment="Center" Style="{StaticResource ItemStyle}">
                        <Grid>
                            <Rectangle Stroke="#FF7E7E7E" RadiusY="1" Fill="White" RadiusX="1" />
                            <Rectangle Stroke="#FFABB1B3" RadiusY="1" Margin="3,3,3,9">
                                <Rectangle.Fill>
                                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                        <GradientStop Color="#FFD7D7D7" />
                                        <GradientStop Color="#FFFFFFFF" Offset="0.652" />
                                    </LinearGradientBrush>
                                </Rectangle.Fill>
                            </Rectangle>
                            <Path Stretch="Fill" Stroke="{x:Null}" Margin="4,6,4,10" UseLayoutRounding="False" Data="M17.60116,6.1738421E-05 C24.849646,0.023804173 26.683809,6.5920992 26.299255,12.14412 C25.308187,19.035593 23.641359,20.055075 22.426523,20.763863 C22.011572,22.301838 22.281172,23.129519 22.872089,23.413864 C25.789896,24.566036 28.26816,25.747917 31.26363,26.867565 C33.701267,28.11087 34.777184,28.794552 35.861771,29.767353 L38.065468,34.026146 C38.065468,34.026146 -2.0894244,33.953915 -2.0894244,33.953915 L0,29.600348 L0.0063374043,29.592121 C0.76684761,28.636683 2.0420403,27.542118 4.10077,26.985603 C8.0647907,25.539055 10.515559,24.379763 11.685194,23.874727 C12.629223,23.317556 13.257205,21.523518 12.521232,20.930931 C10.421399,19.15081 8.8502626,17.703053 8.3638849,11.022204 C7.883646,6.7073164 10.405101,-0.023508755 17.60116,6.1738421E-05 z">
                                <Path.Fill>
                                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                        <GradientStop Color="#FF516D7C" Offset="0.012" />
                                        <GradientStop Color="#33516D7C" Offset="1" />
                                    </LinearGradientBrush>
                                </Path.Fill>
                            </Path>
                            <Path Fill="#3FFFFFFF" Stretch="Fill" Data="M0,0 L21.185122,0 C21.588734,0.12784213 21.858183,0.39503863 22,0.79480571 L22,24 C18.573542,13.458178 11.15755,5.5119557 0,0 z" HorizontalAlignment="Left" VerticalAlignment="Top" UseLayoutRounding="False" />
                        </Grid>
                    </Border>
                    <StackPanel Orientation="Horizontal" Grid.Column="1" VerticalAlignment="Center">
                        <StackPanel Margin="0 0 5 0">
                            <TextBlock Text="Name:" HorizontalAlignment="Left" TextWrapping="Wrap" FontFamily="Arial" FontSize="12" Foreground="#FF507494" FontWeight="Bold" />
                            <TextBlock Text="E-Mail:" Style="{StaticResource LabelText}" />
                            <TextBlock Text="Phone:" Style="{StaticResource LabelText}" />
                        </StackPanel>
                        <StackPanel>
                            <TextBlock Text="John Smith" TextWrapping="Wrap" FontFamily="Arial" FontSize="12" Foreground="#FF507494" FontWeight="Bold" />
                            <TextBlock Text="johnsmith@e-mail.com" Style="{StaticResource LabelText}" />
                            <TextBlock Text="555-5632" Style="{StaticResource LabelText}" />
                        </StackPanel>
                    </StackPanel>
                </Grid>
            </ListBoxItem>
            <ListBoxItem Margin="0,0,0,5">
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="Auto" />
                        <ColumnDefinition Width="*" />
                    </Grid.ColumnDefinitions>
                    <Border HorizontalAlignment="Left" VerticalAlignment="Center" Style="{StaticResource ItemStyle}">
                        <Grid>
                            <Rectangle Stroke="#FF7E7E7E" RadiusY="1" Fill="White" RadiusX="1" />
                            <Rectangle Stroke="#FFABB1B3" RadiusY="1" Margin="3,3,3,9">
                                <Rectangle.Fill>
                                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                        <GradientStop Color="#FFD7D7D7" />
                                        <GradientStop Color="#FFFFFFFF" Offset="0.652" />
                                    </LinearGradientBrush>
                                </Rectangle.Fill>
                            </Rectangle>
                            <Path Stretch="Fill" Stroke="{x:Null}" Margin="4,6,4,10" UseLayoutRounding="False" Data="M17.60116,6.1738421E-05 C24.849646,0.023804173 26.683809,6.5920992 26.299255,12.14412 C25.308187,19.035593 23.641359,20.055075 22.426523,20.763863 C22.011572,22.301838 22.281172,23.129519 22.872089,23.413864 C25.789896,24.566036 28.26816,25.747917 31.26363,26.867565 C33.701267,28.11087 34.777184,28.794552 35.861771,29.767353 L38.065468,34.026146 C38.065468,34.026146 -2.0894244,33.953915 -2.0894244,33.953915 L0,29.600348 L0.0063374043,29.592121 C0.76684761,28.636683 2.0420403,27.542118 4.10077,26.985603 C8.0647907,25.539055 10.515559,24.379763 11.685194,23.874727 C12.629223,23.317556 13.257205,21.523518 12.521232,20.930931 C10.421399,19.15081 8.8502626,17.703053 8.3638849,11.022204 C7.883646,6.7073164 10.405101,-0.023508755 17.60116,6.1738421E-05 z">
                                <Path.Fill>
                                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                        <GradientStop Color="#FF516D7C" Offset="0.012" />
                                        <GradientStop Color="#33516D7C" Offset="1" />
                                    </LinearGradientBrush>
                                </Path.Fill>
                            </Path>
                            <Path Fill="#3FFFFFFF" Stretch="Fill" Data="M0,0 L21.185122,0 C21.588734,0.12784213 21.858183,0.39503863 22,0.79480571 L22,24 C18.573542,13.458178 11.15755,5.5119557 0,0 z" HorizontalAlignment="Left" VerticalAlignment="Top" UseLayoutRounding="False" />
                        </Grid>
                    </Border>
                    <StackPanel Orientation="Horizontal" Grid.Column="1" VerticalAlignment="Center">
                        <StackPanel>
                            <TextBlock Text="Name:" HorizontalAlignment="Left" TextWrapping="Wrap" FontFamily="Arial" FontSize="12" Foreground="#FF507494" FontWeight="Bold" />
                            <TextBlock Text="E-Mail:" Style="{StaticResource LabelText}" />
                            <TextBlock Text="Phone:" Style="{StaticResource LabelText}" />
                        </StackPanel>
                        <StackPanel>
                            <TextBlock Text="Bob Martin" HorizontalAlignment="Left" TextWrapping="Wrap" FontFamily="Arial" FontSize="12" Foreground="#FF507494" FontWeight="Bold" />
                            <TextBlock Text="bobmartin@e-mail.com" Style="{StaticResource LabelText}" />
                            <TextBlock Text="555-6128" Style="{StaticResource LabelText}" />
                        </StackPanel>
                    </StackPanel>
                </Grid>
            </ListBoxItem>
            <ListBoxItem Margin="0,0,0,5">
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="Auto" />
                        <ColumnDefinition Width="*" />
                    </Grid.ColumnDefinitions>
                    <Border HorizontalAlignment="Left" VerticalAlignment="Center" Style="{StaticResource ItemStyle}">
                        <Grid>
                            <Rectangle Stroke="#FF7E7E7E" RadiusY="1" Fill="White" RadiusX="1" />
                            <Rectangle Stroke="#FFABB1B3" RadiusY="1" Margin="3,3,3,9">
                                <Rectangle.Fill>
                                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                        <GradientStop Color="#FFD7D7D7" />
                                        <GradientStop Color="#FFFFFFFF" Offset="0.652" />
                                    </LinearGradientBrush>
                                </Rectangle.Fill>
                            </Rectangle>
                            <Path Stretch="Fill" Stroke="{x:Null}" Margin="4,6,4,10" UseLayoutRounding="False" Data="M17.60116,6.1738421E-05 C24.849646,0.023804173 26.683809,6.5920992 26.299255,12.14412 C25.308187,19.035593 23.641359,20.055075 22.426523,20.763863 C22.011572,22.301838 22.281172,23.129519 22.872089,23.413864 C25.789896,24.566036 28.26816,25.747917 31.26363,26.867565 C33.701267,28.11087 34.777184,28.794552 35.861771,29.767353 L38.065468,34.026146 C38.065468,34.026146 -2.0894244,33.953915 -2.0894244,33.953915 L0,29.600348 L0.0063374043,29.592121 C0.76684761,28.636683 2.0420403,27.542118 4.10077,26.985603 C8.0647907,25.539055 10.515559,24.379763 11.685194,23.874727 C12.629223,23.317556 13.257205,21.523518 12.521232,20.930931 C10.421399,19.15081 8.8502626,17.703053 8.3638849,11.022204 C7.883646,6.7073164 10.405101,-0.023508755 17.60116,6.1738421E-05 z">
                                <Path.Fill>
                                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                        <GradientStop Color="#FF516D7C" Offset="0.012" />
                                        <GradientStop Color="#33516D7C" Offset="1" />
                                    </LinearGradientBrush>
                                </Path.Fill>
                            </Path>
                            <Path Fill="#3FFFFFFF" Stretch="Fill" Data="M0,0 L21.185122,0 C21.588734,0.12784213 21.858183,0.39503863 22,0.79480571 L22,24 C18.573542,13.458178 11.15755,5.5119557 0,0 z" HorizontalAlignment="Left" VerticalAlignment="Top" UseLayoutRounding="False" />
                        </Grid>
                    </Border>
                    <StackPanel Orientation="Horizontal" Grid.Column="1" VerticalAlignment="Center">
                        <StackPanel>
                            <TextBlock Text="Name:" HorizontalAlignment="Left" TextWrapping="Wrap" FontFamily="Arial" FontSize="12" Foreground="#FF507494" FontWeight="Bold" />
                            <TextBlock Text="E-Mail:" Style="{StaticResource LabelText}" />
                            <TextBlock Text="Phone:" Style="{StaticResource LabelText}" />
                        </StackPanel>
                        <StackPanel>
                            <TextBlock Text="Ricky Dylan" HorizontalAlignment="Left" TextWrapping="Wrap" FontFamily="Arial" FontSize="12" Foreground="#FF507494" FontWeight="Bold" />
                            <TextBlock Text="rickydylan@e-mail.com" Style="{StaticResource LabelText}" />
                            <TextBlock Text="555-2647" Style="{StaticResource LabelText}" />
                        </StackPanel>
                    </StackPanel>
                </Grid>
            </ListBoxItem>
            <ListBoxItem Margin="0,0,0,5">
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="Auto" />
                        <ColumnDefinition Width="*" />
                    </Grid.ColumnDefinitions>
                    <Border HorizontalAlignment="Left" VerticalAlignment="Center" Style="{StaticResource ItemStyle}">
                        <Grid>
                            <Rectangle Stroke="#FF7E7E7E" RadiusY="1" Fill="White" RadiusX="1" />
                            <Rectangle Stroke="#FFABB1B3" RadiusY="1" Margin="3,3,3,9">
                                <Rectangle.Fill>
                                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                        <GradientStop Color="#FFD7D7D7" />
                                        <GradientStop Color="#FFFFFFFF" Offset="0.652" />
                                    </LinearGradientBrush>
                                </Rectangle.Fill>
                            </Rectangle>
                            <Path Stretch="Fill" Stroke="{x:Null}" Margin="4,6,4,10" UseLayoutRounding="False" Data="M17.60116,6.1738421E-05 C24.849646,0.023804173 26.683809,6.5920992 26.299255,12.14412 C25.308187,19.035593 23.641359,20.055075 22.426523,20.763863 C22.011572,22.301838 22.281172,23.129519 22.872089,23.413864 C25.789896,24.566036 28.26816,25.747917 31.26363,26.867565 C33.701267,28.11087 34.777184,28.794552 35.861771,29.767353 L38.065468,34.026146 C38.065468,34.026146 -2.0894244,33.953915 -2.0894244,33.953915 L0,29.600348 L0.0063374043,29.592121 C0.76684761,28.636683 2.0420403,27.542118 4.10077,26.985603 C8.0647907,25.539055 10.515559,24.379763 11.685194,23.874727 C12.629223,23.317556 13.257205,21.523518 12.521232,20.930931 C10.421399,19.15081 8.8502626,17.703053 8.3638849,11.022204 C7.883646,6.7073164 10.405101,-0.023508755 17.60116,6.1738421E-05 z">
                                <Path.Fill>
                                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                        <GradientStop Color="#FF516D7C" Offset="0.012" />
                                        <GradientStop Color="#33516D7C" Offset="1" />
                                    </LinearGradientBrush>
                                </Path.Fill>
                            </Path>
                            <Path Fill="#3FFFFFFF" Stretch="Fill" Data="M0,0 L21.185122,0 C21.588734,0.12784213 21.858183,0.39503863 22,0.79480571 L22,24 C18.573542,13.458178 11.15755,5.5119557 0,0 z" HorizontalAlignment="Left" VerticalAlignment="Top" UseLayoutRounding="False" />
                        </Grid>
                    </Border>
                    <StackPanel Orientation="Horizontal" Grid.Column="1" VerticalAlignment="Center">
                        <StackPanel>
                            <TextBlock Text="Name:" HorizontalAlignment="Left" TextWrapping="Wrap" FontFamily="Arial" FontSize="12" Foreground="#FF507494" FontWeight="Bold" />
                            <TextBlock Text="E-Mail:" Style="{StaticResource LabelText}" />
                            <TextBlock Text="Phone:" Style="{StaticResource LabelText}" />
                        </StackPanel>
                        <StackPanel>
                            <TextBlock Text="Bill Jobs" HorizontalAlignment="Left" TextWrapping="Wrap" FontFamily="Arial" FontSize="12" Foreground="#FF507494" FontWeight="Bold" />
                            <TextBlock Text="billjobs@e-mail.com" Style="{StaticResource LabelText}" />
                            <TextBlock Text="555-3108" Style="{StaticResource LabelText}" />
                        </StackPanel>
                    </StackPanel>
                </Grid>
            </ListBoxItem>
        </ListBox>
    </c1:C1Expander>
</UserControl>