# Creating Radial Menus

## Content

Using the [C1RadialMenu](/componentone/api/wpf/online-basiclibrary/dotnet-framework-api/C1.WPF.4.6.2/C1.WPF.C1RadialMenu.html) control, you can create both top-level menus and submenus. Creating either type of menu is easy with **C1RadialMenu**:

### Top-Level Menus

Complete the following steps to create a top-level menu:

1. Place the following XAML between the **\<Grid>** and **\</Grid>** tags:

 ```xml
 <Xaml:C1ContextMenuService.ContextMenu>
      <Xaml:C1RadialMenu >                      
     </Xaml:C1RadialMenu>
 </Xaml:C1ContextMenuService.ContextMenu>
 ```

 The **C1RadialMenu** control is within a **ContextMenuService**. When you run your application, the menu will appear when you right-click or right-tap.

2. Place the following XAML between the **\<Xaml:C1RadialMenu>** and **</Xaml:C1RadialMenu>** tags. This will create three top-level menu items:

 ```xml
 <Xaml:C1RadialMenuItem Header="RadialMenuItem1" />
 <Xaml:C1RadialMenuItem Header="RadialMenuItem2" />
 <Xaml:C1RadialMenuItem Header="RadialMenuItem3" />
 ```

3. Run the program and observe the following:

Your top-level menu should resemble the following image:
![](https://cdn.mescius.io/document-site-files/images/7e9deccd-1f1c-4ec7-af90-b4332b45dead/images/radialmenu/toplevelmenu.png)

### Submenus

Complete the following steps to create a submenu that's attached to one of a **C1RadialMenu**'s items:

1. Create a **C1RadialMenu**:

 ```xml
 <Xaml:C1ContextMenuService.ContextMenu>
      <Xaml:C1RadialMenu > 
     </Xaml:C1RadialMenu>
 </Xaml:C1ContextMenuService.ContextMenu>
 ```

2. Place the following XAML between the **\<Xaml: C1RadialMenu>** and **</Xaml:C1RadialMenu>** tags:

 ```xml
 <Xaml:C1RadialMenuItem Header="Tap Here" >
   <Xaml:C1RadialMenuItem Header="Item 1" />
   <Xaml:C1RadialMenuItem Header="Item 2" />
   <Xaml:C1RadialMenuItem Header="Item 3" />
 </Xaml:C1RadialMenuItem>
 ```

3. Run the program.

This is the **C1RadialMenu** control after you tap or click the Tap Here item:

![](https://cdn.mescius.io/document-site-files/images/7e9deccd-1f1c-4ec7-af90-b4332b45dead/images/radialmenu/submenu.png)