# Creating Numeric Menu
## Content
The [C1RadialMenu](/componentone/api/wpf/online-basiclibrary/dotnet-framework-api/C1.WPF.4.6.2/C1.WPF.C1RadialMenu.html) control allows you to create a radial numeric slider menu. This is especially useful for applications where you might want users to select a font size for an application. You'll use both XAML markup and code to create the application.
Complete the following steps:
1. Locate the **\ \** tags on your page and replace them with the following markup to create the framework for your application:
```xml
```
2. Locate the **\** tags within the markup you just added. Place your cursor between the tags.
3. Locate the **C1RadialMenu** control in the Visual Studio ToolBox and double-click it to add it to your application.
4. Edit the opening **\** tag so that it resembles the following:
```xml
```
5. Add the following markup between the **\ \** tags to add one **C1RadialNumericItems** to your application. Note that you are also adding several sub items and a custom item icon:
```xml
9
11
13
16
20
36
72
```
6. Right-click the page and select View Code from the list.
7. Add the following using statement to the top of the page:
```csharp
using C1.WPF;
OR
using C1.Silverlight
```
8. Add the following **ItemClick** event to the page. This will allow the size of the text in the **TextBox** control to change size depending on the item selected:
```xml
private void contextMenu_ItemClick(object sender, SourcedEventArgs e)
{
C1RadialMenuItem item = e.Source as C1RadialMenuItem;
if (item is C1RadialNumericItem)
{
txt.FontSize = ((C1RadialNumericItem)item).Value;
txt.Text = "Item Clicked: " + ((C1RadialNumericItem)item).Value.ToString();
}
else
{
txt.Text = "Item Clicked: " + (item.Header ?? item.Name).ToString();
}
}
```
9. Then, add two more events. This code will control the **ItemOpened** and **Opened** events:
```xml
private void contextMenu_ItemOpened(object sender, SourcedEventArgs e)
{
C1RadialMenuItem item = e.Source as C1RadialMenuItem;
txt.Text = "Item Opened: " + (item.Header ?? item.Name).ToString();
}
private void contextMenu_Opened(object sender, EventArgs e)
{
// expand menu immediately, as in this sample we don't have underlying editable controls
contextMenu.Expand();
}
```
10. Press **F5** or start debugging to run your application. Your **C1RadialMenu** control should resemble the following:
11. When you click on the **Font Size** option, the **C1NumericRadialItems** will be displayed:
