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

DxMaskedInput<T>.DisplayFormat Property

Specifies the pattern used to format the Masked Input’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 Masked Input’s display value when the editor is not focused. To format the editor’s value in edit mode when the editor is focused, use the Mask property. If the DisplayFormat property is not set, the Mask is applied in display and edit modes.

The following example applies the currency display format to numeric values.

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

@code {
    Decimal Value { get; set; }
}

Masked Input - Display Format

See Also