# Creating Color Picker Menu
## Content
The [C1RadialColorItem](/componentone/api/wpf/online-basiclibrary/dotnet-framework-api/C1.WPF.4.6.2/C1.WPF.C1RadialColorItem.html) allows you to create a color picker using the [C1RadialMenu](/componentone/api/wpf/online-basiclibrary/dotnet-framework-api/C1.WPF.4.6.2/C1.WPF.C1RadialMenu.html) control. In this topic, you'll create a C1RadialMenu application and add C1RadialColorItems to the C1RadialMenu control. 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 then 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 three **C1RadialColorItems** to your application:
```xml
```
6. Select the **C1RadialColorItem** named **“rainbowItem”** and insert the following markup between the opening and closing tags. This will add **SolidColorBrush** submenu items:
```xml
```
7. Select the **“greenItem”** **C1RadialColorItem** and insert the following markup between the opening and closing tags. This will add **C1RadialColorItem** submenu items in shades of green:
```xml
```
8. Select the **“blueItem”** **C1RadialColorItem** and insert the following markup between the opening and closing tags. This will add **C1RadialColorItem** submenu items in shades of blue:
```xml
```
9. Right-click the page and select View Code from the list.
10. Add the following using statement to the top of the page:
```csharp
using C1.Xaml;
```
11. Add the following **ItemClick** event to the page. This will allow the text you added to your main page to change color when you select one of the colors from the **C1RadialMenu**:
```csharp
private void contextMenu_ItemClick(object sender, SourcedEventArgs e)
{
C1RadialMenuItem item = e.Source as C1RadialMenuItem;
if (item is C1RadialColorItem)
{
this.text.Foreground = ((C1RadialColorItem)item).Brush;
txt.Text = "Item Clicked: " + ((C1RadialColorItem)item).Color.ToString();
}
else
{
txt.Text = "Item Clicked: " + (item.Header ?? item.Name).ToString();
}
}
```
12. Press **F5** or start debugging to run your application. When you right-click or right-tap the application and open the **C1RadialMenu**, it should resemble the following image:
