DxSpinButtons.Orientation Property

Specifies how to arrange spin buttons (horizontally or vertically).

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v25.2.dll

NuGet Package: DevExpress.Blazor

Declaration

[Parameter]
public override Orientation? Orientation { get; set; }

Property Value

Type	Description
Nullable<Orientation>	An enumeration value. If the Orientation property is not specified (the value is null), the Spin Edit automatically arranges its buttons based on the device type: horizontally on mobile and tablet devices, and vertically on other devices.

Available values:

Name	Description
Horizontal	Sets horizontal orientation.
Vertical	Sets vertical orientation.

Remarks

The DevExpress Blazor Spin Edit component arranges its built-in spin buttons vertically.

To arrange spin buttons horizontally (display two separate editor buttons), follow these steps:

1. Set the Spin editor’s ShowSpinButtons property to false to hide built-in spin buttons.
2. Add custom spin buttons (DxSpinButtons).
3. Set the DxSpinButtons.Orientation property to Horizontal.

<DxSpinEdit Value="15" ShowSpinButtons="false">
    <Buttons>
        <DxSpinButtons Orientation="Orientation.Horizontal"/>
    </Buttons>
</DxSpinEdit>

Note

If the Orientation property is not specified (the value is null), the Spin editor automatically arranges its buttons based on the device type: horizontally on mobile and tablet devices, and vertically on other devices.