# RadialMenu Quick Start
## Content
In this step, you begin by creating a WPF application in Visual Studio and then adding a RadialMenu control to your application.
## Setup the Application and Add RadialMenu
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 **\\** tags. The following markup adds style resources to define the layout of menu items content.
```xml
```
5. Add the following markup within the **\\** tags to add border definition to the application.
```xml
```
## Add RadialMenuItems to the RadialMenu
In this step, you start by setting some properties of the RadialMenu control that you added in the previous step, and adding a few **C1RadialMenuItem** controls as submenus to the main radial menu. Each menu item that you add in the markup contains an image and a TextBlock label.
1. Add the following **C1ContextMenuService** markup between **\\** and **\\** tags in MainWindow.xaml.
```xml
```
The C1ContextMenuService enables the C1RadialMenu control to act as a context menu for any control. This context menu appears when the user right-click or right-tap on the parent control (which is Grid in this example). The markup illustrated above also adds items to the RadialMenu. If you prefer to show the **C1RadialMenu** control programmatically, you can skip **C1ContextMenuService** and simply call the **Show** method in code.
>type=note
> The icons added in the markup above are *.png* image files added to the **Menu** folder of the Visual Studio project. These images are available at the following path:
>
> **Documents\\ComponentOne Sample\\WPF\\C1.WPF\\CS\\Menu\\MenuExplorer\\Resources**
2. Add the following markup directly below the **\** tag to add a general TextBox control to the application. This TextBlock is added to display a general instruction for the users to open the RadialMenu control on the form.
```xml
```
3. Add the following markup after the \ tag to display the C1RadialMenuItem that the user taps or clicks to open.
```xml
```
4. Switch to the code view, that is MainWindow.xaml.cs, and add the following event handlers in the interaction logic of XAML below the MainWindow() constructor.
```csharp
private void contextMenu_ItemClick(object sender, SourcedEventArgs e)
{
txt.Text = "Item Clicked: " + ((C1RadialMenuItem)e.Source).Header.ToString();
string str = "Item Clicked: " + ((C1RadialMenuItem)e.Source).Header.ToString();
}
private void contextMenu_ItemOpened(object sender, SourcedEventArgs e)
{
C1RadialMenuItem item = e.Source as C1RadialMenuItem;
txt.Text = "Item Opened: " + (item.Header ?? item.Name).ToString();
string str = "Item Opened: " + (item.Header ?? item.Name).ToString();
}
private void contextMenu_Opened(object sender, EventArgs e)
{
contextMenu.Expand();
}
```
## Build and Run the application
1. Press F5 to run the application and observe that window similar to the image below appears.
2. Right-click or tap on the Window and observe that the RadialMenu control appears. The radial menu displays four menus namely Add, File, Properties and Undo/Redo.
3. Click the Add menu to see its child or submenu. To traverse back to the main radial menu, click the arrow appearing in the center of the C1RadialMenu control.
4. Click the File menu to view its child or submenu items. To traverse back to the main radial menu, click the arrow appearing in the center of the RadialMenu control.
