Adding a Separator Between Radial Menu Items

In This Topic

In this topic, you will learn how to add separators between radial menu items. The separator appears as a blank sector between two C1RadialMenuItems. There are two ways to include a separator between C1RadialMenuItems, either by placing an empty C1RadialMenuItem between the existing menu items, or by setting the C1RadialMenu SectorCount property and the DisplayIndex of each C1RadialMenuItem.

In XAML

Complete one of the following:

Inserting a C1RadialMenuItem

To add a separator by placing an empty C1RadialMenuItem between other menu items, place <Xaml:C1RadialMenuItem /> between two <Xaml:C1RadialMenuItem> tags:
Markup
Copy Code
 <Xaml:C1RadialMenuSectorCount="8">
        <Xaml:C1RadialMenuItemHeader="Item 1"/>
        <Xaml: C1RadialMenuItem/>
        <Xaml:C1RadialMenuItemHeader="Item 2" />
        <Xaml: C1RadialMenuItem/>
        <Xaml:C1RadialMenuItemHeader="Item 3" />          
      </Xaml:C1RadialMenu>

Markup	Copy Code
<Xaml:C1RadialMenuSectorCount="8"> <Xaml:C1RadialMenuItemHeader="Item 1"/> <Xaml: C1RadialMenuItem/> <Xaml:C1RadialMenuItemHeader="Item 2" /> <Xaml: C1RadialMenuItem/> <Xaml:C1RadialMenuItemHeader="Item 3" /> </Xaml:C1RadialMenu>

Setting the SectorCount and the DisplayIndex

If you want to add separators to your application by setting the C1RadialMenu SectorCount and the DisplayIndex of each C1RadialMenuItem, your XAML markup will resemble the following:
Markup
Copy Code
<Xaml:C1RadialMenu SectorCount="8" >
     <Xaml:C1RadialMenuItem Header="Item 1" />
     <Xaml:C1RadialMenuItem Name="C1RadialMenuItem1" Header="Item 2"
                            DisplayIndex="2" />              
     <Xaml:C1RadialMenuItem Header="Item 3" DisplayIndex="4" />          
</Xaml:C1RadialMenu>

Markup	Copy Code
<Xaml:C1RadialMenu SectorCount="8" > <Xaml:C1RadialMenuItem Header="Item 1" /> <Xaml:C1RadialMenuItem Name="C1RadialMenuItem1" Header="Item 2" DisplayIndex="2" /> <Xaml:C1RadialMenuItem Header="Item 3" DisplayIndex="4" /> </Xaml:C1RadialMenu>

This Topic Illustrates the Following:

Either markup sample will result in the following image:

For contrast, the same markup with no separators will result in a C1RadialMenu that resembles the following image: