# RadialMenu Appearance

## Content

You can customize the [C1RadialMenu](/componentone/api/wpf/online-basiclibrary/dotnet-framework-api/C1.WPF.4.6.2/C1.WPF.C1RadialMenu.html)'s appearance using either [ClearStyle technology](https://developer.mescius.com/componentone/docs/silverlight) or by adding an icon to a [C1RadialMenuItem](/componentone/api/wpf/online-basiclibrary/dotnet-framework-api/C1.WPF.4.6.2/C1.WPF.C1RadialMenuItem.html). Customizing your menu control, either by changing the appearance or by adding an icon, can be done quickly and easily.

### Customizing C1RadialMenu's Appearance

Customizing the **C1RadialMenu**'s appearance uses just a few properties.

Complete the following steps:

1. Add the following properties to the \<Xaml: C1RadialMenu> tag:
    * AccentBrush="#FF28B01A"
    * Background="#FFC3D5FB"
    * BorderBrush="#FF3652B4"
    * Foreground="#FF4210EE"
2. Run your application.

When you run your application, it should resemble the following image:
![](https://cdn.mescius.io/document-site-files/images/7e9deccd-1f1c-4ec7-af90-b4332b45dead/images/radialmenu/customizedappearance.png)

### Adding an Icon to a C1RadialMenuItem

Adding an icon to a **C1RadialMenuItem** can be completed in just a few steps.

Complete the following steps:

1. Add an icon image to your project. A 12x12 pixel image is best.
2. Add the following XAML markup between the **\<Xaml:C1RadialMenuItem>** and **</Xaml:C1RadialMenuItem>** tags, replacing the value of the **Source** property with your image's name:

 ```xml
 <Xaml:C1RadialMenuItem.Icon>
      <Image Source="YourImage.png" Height="12" Width="12" Margin="5,0,0,0"/>
 </Xaml:C1RadialMenuItem.Icon>
 ```

3. Run the project. The following image depicts a **C1RadialMenuItem** with a 12x12 pixel icon.

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