Skip to main content

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

DxSpinButtons Class

Spin buttons that allow you to increase and decrease a value (can be added to the DxSpinEdit<T> only).

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
public class DxSpinButtons :
    SpinButtonsBase

#Remarks

The DxSpinEdit<T> component shows the built-in buttons that increase/decrease a value. You can set the ShowSpinButtons property to false to hide these buttons.

You can also add a custom spin buttons to the Spin editor:

  1. Add the <Buttons></Buttons> tag to the component’s markup to define the Buttons collection.
  2. Add a DxSpinButtons object.
  3. Set up button properties to customize the buttons:

The following code snippet hides the built-in spin buttons, adds new spin buttons, and specifies their position.

Razor
<DxSpinEdit Value="15" ShowSpinButtons="false">
        <Buttons>
            <DxSpinButtons Position="EditorButtonPosition.Left"/>
        </Buttons>
</DxSpinEdit>

Spin Edit - Command Button Position

#Inheritance

Object
ComponentBase
DevExpress.Blazor.Internal.RenderComponentBase
DevExpress.Blazor.Internal.Editors.DxEditorButtonBase
DevExpress.Blazor.Internal.Editors.SpinButtonsBase
DxSpinButtons
See Also