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.v22.2.dll

NuGet Package: DevExpress.Blazor

Declaration

[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 demonstrates how to apply the currency display format to numeric values.

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

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