Step 1: Creating a C1RadialMenu Application

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.

   <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.

   <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.