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

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:

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.

See Also

DxSpinButtons Class

DxSpinButtons Members

DevExpress.Blazor Namespace