In this step, you begin by creating a WPF application in Visual Studio and then adding a C1RadialMenu control to your application.

In XAML

To add a C1RadialMenu control to your application, perform the following steps.

1. Create a new WPF application in Visual Studio.
2. Navigate to the Toolbox and locate C1RadialMenu control icon.
3. Double-click the C1RadialMenu icon to add the control to the MainWindow.
4. Open MainWindow.xaml if it is not already open and add the following markup within the <Window></Window> tags. The following markup adds style resources to define the layout of menu items content.

   XAML

   Copy Code

   <Window.Resources> <Style TargetType="TextBlock" x:Key="TextIconStyle"> <Setter Property="Margin" Value="-10" /> <Setter Property="FontSize" Value="20" /> <Setter Property="FontFamily" Value="Segoe UI Symbol" /> <Setter Property="FontWeight" Value="Normal" /> <Setter Property="Foreground" Value="#333333" /> <Setter Property="HorizontalAlignment" Value="Center" /> <Setter Property="VerticalAlignment" Value="Center" /> </Style> <Style TargetType="Image" > <Setter Property="Width" Value="25"/> <Setter Property="Height" Value="25"/> <Setter Property="Margin" Value="0"/> </Style> </Window.Resources>

5. Add the following markup within the <Grid></Grid> tags to add border definition to the application.

   XAML	Copy Code
   <Border Background="LemonChiffon" MinHeight="40" BorderBrush="#969696" BorderThickness="1" Padding="5" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"></Border>

With this, you completed the first step of this Quick Start guide.