Skip to main content

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.1.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 applies the currency display format to numeric values.

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

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

Masked Input - Display Format

See Also