• Material 3
  • Material 3 Dark
  • Fluent
  • Fluent Dark
  • Bootstrap v5
  • Bootstrap v5 Dark
  • Tailwind CSS
  • Tailwind CSS Dark
  • Material
  • Bootstrap v4
  • High Contrast
Preferences
Mode Selection
Touch
Mouse
Theme Selection
Localization
*Translated by Google Translator.
Currency
Essential Studio
HOME
All Controls

Example of Radial Menu in ASP.NET Core SpeedDial Control

This sample demonstrates the radial menu display mode of action items in Speed Dial component. Click the Speed Dial button to open action items like radial menu.

DEMO
SOURCE

The default display mode is linear.The display mode of the Speed Dial component can be changed using themode property to Radial. Radial display of action items can be customized using the below properties of radialSettings.

  • offSet - Specify the position of the action items along the offset-path
  • direction - Denotes whether to arrange action items in a clock or anti-clockwise direction.
  • startAngle and endAngle - Specify the start and end angles in radial direction. By default, angle is calculated based on the position property.