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

DxSpinEdit<T>.DisplayFormat Property

Specifies the pattern used to format the Spin Edit’s display value when the editor is not focused.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
[DefaultValue("")]
[Parameter]
public string DisplayFormat { get; set; }

#Property Value

Type Default Description
String String.Empty

The format pattern.

#Remarks

Use the DisplayFormat property to format the Spin Edit’s display value when the editor is not focused. See the Standard Numeric Format Strings and Custom Numeric Format Strings help topics for more information.

Note: The Spin Edit component is designed to display numeric values, so it only accepts numbers and a decimal separator. It automatically shows thousand separators based on the mask settings, but users cannot enter them manually.

The following example applies the currency format:

Razor
<DxSpinEdit @bind-Value="@DecimalValue"
            DisplayFormat="C" />

@code {
    Decimal DecimalValue { get; set; } = 320.5m;
}

SpinEdit DisplayFormat

Run Demo: Spin Edit - Display Format

See Also