[]
DEMOS DOCS API SAMPLES DOWNLOAD
(Showing Draft Content)

RadialMenu Appearance

You can customize the C1RadialMenu's appearance using either ClearStyle technology or by adding an icon to a C1RadialMenuItem. 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:


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:

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

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