Class SpeedDialRadialSettings

Provides configuration options to precisely customize the placement, spacing, and direction of speed dial action buttons when the SfSpeedDial Mode is set to Radial. This class enables advanced control over the radial layout of action items linked to the SfSpeedDial component.

Inheritance

System.Object

SpeedDialRadialSettings

Namespace: Syncfusion.Blazor.Buttons

Assembly: Syncfusion.Blazor.dll

Syntax

public class SpeedDialRadialSettings : OwningComponentBase

Remarks

Use the SpeedDialRadialSettings to refine the spatial arrangement of floating action items displayed in radial mode, including controlling the arc span, distance of menu items from the main button, angular origin, and orientation of the radial layout. This property is applicable when the Mode is set to Radial.

Examples

A simple SpeedDial using radial animation and a custom offset.

<SfSpeedDial Content="Edit" Mode="SpeedDialMode.Radial">
    <SpeedDialItems>
        <SpeedDialItem IconCss="e-icons e-cut"></SpeedDialItem>
        <SpeedDialItem IconCss="e-icons e-paste"></SpeedDialItem>
        <SpeedDialItem IconCss="e-icons e-copy"></SpeedDialItem>
    </SpeedDialItems>
    <SpeedDialRadialSettings OffSet="150px"></SpeedDialRadialSettings>
</SfSpeedDial>

Constructors

SpeedDialRadialSettings()

Declaration

public SpeedDialRadialSettings()

Properties

Direction

Gets or sets the direction type for arranging speed dial action items in the radial layout.

Declaration

public RadialDirection Direction { get; set; }

Property Value

Type	Description
RadialDirection	One of the RadialDirection enumeration values that specifies the directional arrangement of speed dial items along the arc. The default is Auto.

Remarks

Assign this property to explicitly control the directional flow of radial menu items. When set to Auto, the optimal direction is selected automatically based on the SfSpeedDial position in its container.

Examples

Place speed dial items in a clockwise radial direction:

<SpeedDialRadialSettings Direction="RadialDirection.Clockwise" />

EndAngle

Gets or sets the end angle, in degrees, used to determine the final position of speed dial action items relative to the main button along the radial arc.

Declaration

public int EndAngle { get; set; }

Property Value

Type	Description
System.Int32	An int value between 0 and 360, specifying the end angle for the radial arrangement of the speed dial items. The default value is -1, which means the angle is determined automatically.

Remarks

If the property value is set outside the valid range (0–360), it will be ignored, and the end angle will be calculated automatically based on the Position. Use this property to control where the last speed dial menu item appears along the arc.

Examples

Set the end angle to 270 degrees for a 3/4-circle arrangement of menu items:

<SpeedDialRadialSettings EndAngle="270" />

OffSet

Gets or sets the offset distance between the main Speed Dial button and each radial speed dial item.

Declaration

public string OffSet { get; set; }

Property Value

Type	Description
System.String	A string representing the offset distance (e.g., "100px") for the radial arrangement. The default value is "100px".

Remarks

Use this property to specify how far the radial menu items should be positioned from the center of the main button. Values can use any valid CSS size unit, such as px, em, or % (for example, "60px", "2em", or "90%"). Setting this value customizes the spatial separation between the main button and its menu items in the radial pattern.

Examples

Set speed dial items to appear 200 pixels away from the main button:

<SpeedDialRadialSettings OffSet="200px" />

StartAngle

Gets or sets the start angle, in degrees, used to control the initial position of speed dial action items relative to the main button along the radial arc.

Declaration

public int StartAngle { get; set; }

Property Value

Type	Description
System.Int32	An int value between 0 and 360, specifying the start angle for the radial arrangement of the speed dial items. The default value is -1, which means the angle is determined automatically.

Remarks

If the property value is set outside the valid range (0–360), it is ignored and the start angle is calculated automatically based on the Position. Use this property for custom angular distribution of the speed dial items.

Examples

Start speed dial items at a 0-degree angle (rightmost point):

<SpeedDialRadialSettings StartAngle="0" />

Methods

Dispose(Boolean)

Declaration

protected override void Dispose(bool disposing)

Parameters

Type	Name	Description
System.Boolean	disposing

OnInitializedAsync()

Declaration

protected override Task OnInitializedAsync()

Returns

Type
System.Threading.Tasks.Task