Edit this page

Configuration

This help topic describes the basic properties used to configure the way RadRadialMenu looks & behaves.

We will go through the following sections:

Open the RadialMenu

Initially RadRadialMenu is closed, you should click on the RadialMenuButton in order to open it and show its items. IsOpen boolean property of the RadialMenu allows you to make it open by default. Example 1 shows how IsOpen can be set.

Example 1: Setting IsOpen property

<telerik:RadRadialMenu IsOpen="True">
    <!--...-->
</telerik:RadRadialMenu>

Change the size of the RadialMenu

The size of RadRadialMenu is set through MinWidth and MinHeight properties. Both should be set to the same value which refers to the diameter of the circle representing the menu.

Example 2: Setting MinWidth and MinHeight properties

<telerik:RadRadialMenu IsOpen="True" MinWidth="200" MinHeight="200">
    <telerik:RadRadialMenuItem Header="Item 1" />
    <telerik:RadRadialMenuItem Header="Item 2" />
    <telerik:RadRadialMenuItem Header="Item 3" />
</telerik:RadRadialMenu>

Figure 1 shows how the RadialMenu looks in smaller size.

Figure 1: Setting MinWidth and MinHeight properties
Rad Radial Menu Configuration 03

Change the StartAngle property

StartAngle property is used to set the angle at which the first RadRadialMenuItem will be positioned.

Example 3: Setting StartAngle property

<telerik:RadRadialMenu IsOpen="True" StartAngle="180" >
    <telerik:RadRadialMenuItem Header="Item 1" />
    <telerik:RadRadialMenuItem Header="Item 2" />
    <telerik:RadRadialMenuItem Header="Item 3" />
</telerik:RadRadialMenu>

Figure 2 shows how the RadialMenu looks with different settings of the StartAngle property.

Figure 2: Setting StartAngle property
Rad Radial Menu Configuration 01

Change the Radius properties

RadRadialMenu provides the following Radius properties:

  • InnerRadiusFactor - defines the inner radius of the panel holding all RadRadialMenuItems as a fraction of the size of RadRadialMenu control. The value should be between 0 and 1. If the passed value lies outside this range, it is automatically set to the nearest boundary value.

  • InnerNavigationRadiusFactor - defines the inner radius of the panel holding the NavigationItemButton items as a fraction of the size of RadRadialMenu control. The value should be between 0 and 1. If the passed value lies outside this range, it is automatically set to the nearest boundary value.

  • OuterRadiusFactor - defines the outer radius of the panel holding the NavigationItemButton items as a fraction of the size of RadRadialMenu control. The value should be between 0 and 1. If the passed value lies outside this range, it is automatically set to the nearest boundary value.

Figure 3: Radius Properties
Rad Radial Menu Configuration 02

Change the AnimationSpeedFactor property

RadRadialMenu provides a static double property that will help you to adjust the speed of the animations as required. The default value of the AnimationSpeedFactor property is 1.6d and the minimum possible value is 0.1d. The property can be set as shown below:

Example 4: Setting AnimationSpeedFactor property

RadRadialMenu.AnimationSpeedFactor = 1.2d;

See Also

Was this article helpful? Yes No

Give article feedback

Tell us how we can improve this article

Dummy