Space between RadialMenuItem

[Kumar]

Hi,

I feel a bit confused in designing the RadialMenuItem and commands, and need your help.

I would like to see the RadialMenus are equally spaced with Content and Images placed accordingly.

I need your help in understanding how to design this RadialMenuItems to stretch neatly across the Radial Menu.

 When tapping a Item, the text alignments are overlapped on other Menu Items. Number of Items are fixed, 3 only.

The requirement is to have the RadialMenu to have 3 Items and on tapping, RadialMenu needs to close.

Please help.

 

[Pavel R. Pavlov]

Hello Kumar,

Let me get straight to your question. When working with the RadRarialMenu you need to keep in mind that each RadialMenuItem has limited space for its content. You can see the default shape and the size of that space in our Visual Structure article. It is up to you to design the menu of your application in a way that the content of the items will fit in the available space. You have the option to customize the Template of the RadialMenuItemControl representing each item as well as you can apply Margin and Alignments to the visual elements set as Header and IconContent.

Another approach that you can try out is to enlarge the radial menu itself. This will change the available space for each item. You can do this by setting the  MinHeight and MinWidth properties of the RadRadialMenu control.

Please try this out and let us know if you need any further assistance.

Regards,
Pavel R. Pavlov
Telerik

[Larry]

Hi,

 If one wanted to evenly spread four headers around the menu, how would it be done?

Thanks,

-ldl-

 

[Pavel R. Pavlov]

Hello -ldl-,

With the current implementation of the RadRadialMenu component changing the total number of the items that can be hosted at a time is not supported. Also, there is no way to derive (in order to customize) the component in a way to support that particular scenario.

Regards,
Pavel R. Pavlov
Telerik