<UserControl
    x:Class="BasicLibrarySamples.View.RadialPanelSample"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:BasicLibrarySamples.View"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    xmlns:c1="using:C1.Xaml">
    <UserControl.Resources>

        <!-- template used for items in the panel -->
        <Style x:Key="panelItemStyle" TargetType="ContentControl">
            <Setter Property="FontFamily" Value="Segoe UI Symbol" />
            <Setter Property="FontSize" Value="32"/>
            <Setter Property="Foreground" Value="WhiteSmoke"/>
            <Setter Property="HorizontalContentAlignment" Value="Right"/>
            <Setter Property="VerticalContentAlignment" Value="Center"/>
            <Setter Property="Margin" Value="0,0,10,0"/>
            <Setter Property="Padding" Value="0"/>
            <Setter Property="Width" Value="160"/>
        </Style>
 
    </UserControl.Resources>
    <Grid>
        <Ellipse Stroke="#9DCFC3" StrokeThickness="45" Height="320" Width="320" 
                 Fill="#2C383D"
                 VerticalAlignment="Center" HorizontalAlignment="Center"/>
        <c1:C1RadialPanel Height="320" Width="320" StartAngle="-60" EndAngle="300" 
                          VerticalAlignment="Center" HorizontalAlignment="Center">
            <ContentControl Style="{StaticResource panelItemStyle}" Foreground="#FFFFFF">
                <StackPanel Orientation="Horizontal">
                    <TextBlock FontSize="22" FontFamily="Segoe UI" FontWeight="Light" Text="Start Angle" Margin="0 3 10 0"/>
                    <TextBlock Text="&#xE111;" Foreground="#2C383D"/>
                </StackPanel>
            </ContentControl>
            <ContentControl Style="{StaticResource panelItemStyle}" Content="&#xE111;"/>
            <ContentControl Style="{StaticResource panelItemStyle}" Content="&#xE111;"/>
            <ContentControl Style="{StaticResource panelItemStyle}" Content="&#xE111;"/>
            <ContentControl Style="{StaticResource panelItemStyle}" Content="&#xE111;"/>
            <ContentControl Style="{StaticResource panelItemStyle}" Content="&#xE111;"/>
            <ContentControl Style="{StaticResource panelItemStyle}" Content="&#xE111;"/>
            <ContentControl Style="{StaticResource panelItemStyle}" Content="&#xE111;"/>
            <ContentControl Style="{StaticResource panelItemStyle}" Content="&#xE111;"/>
            <ContentControl Style="{StaticResource panelItemStyle}" Content="&#xE111;"/>
            <ContentControl Style="{StaticResource panelItemStyle}" Content="&#xE111;"/>
            <ContentControl Style="{StaticResource panelItemStyle}" Content="&#xE111;"/>
        </c1:C1RadialPanel>
    </Grid>
</UserControl>
