Automatic menu collapsing allows users to collapse the C1RadialMenu by clicking outside of the menu area. To enable automatic menu collapsing, set the AutoCollapse property to True.

In XAML

Complete the following steps:

1. Add AutoCollapse="True" to the <Xaml:C1RadialMenu> tag.

2. Run the program.

In Code

Complete the following steps:

1. In Source view locate the <Xaml:C1RadialMenuItem> tag for the item you wish to make checkable and add Name="C1RadialMenu1" to it. This will give the item a unique identifier that you can use in code.
2. Enter Code view and add the following code beneath the InitializeComponent() method:

Visual Basic	Copy Code
C1RadialMenu1.AutoCollapse = True

C#	Copy Code
C1RadialMenu1.AutoCollapse = true;

3. Run the program.

This Topic Illustrates the Following:

After you've run the project, right tap the page to view the Navigation Button. Tap the Navigation Button to open the C1RadialMenu. With the radial menu open, click outside of the menu and observe that the C1RadialMenu closes.