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

DxTextMaskProperties Class

Defines properties for Text masks.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
public class DxTextMaskProperties :
    DxMaskPropertiesBase

#Remarks

Use this class’s properties to set up the Masked Input component with a Text mask applied.

#Specify a Custom Placeholder

Use the Placeholder property to specify an input prompt character.

Razor
<DxMaskedInput @bind-Value="Value"
               Mask="(000) 000-0000" >
    <DxTextMaskProperties Placeholder="Placeholder" />
</DxMaskedInput>

@code{
    String Value { get; set; }
    char Placeholder = '#';
}

Text Masks - Custom Placeholder

#Exclude Literals from a Value

Literal characters are arbitrary read-only characters in the Masked Input’s edit box. Literal characters are saved to the component’s Value. To change this default behavior and not save literals to the editor’s value, set the SaveLiteral property to false.

Razor
<DxMaskedInput @bind-Value="Value"
               Mask="(000) 000-0000">
    <DxTextMaskProperties SaveLiteral="false" />
</DxMaskedInput>

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

#Inheritance

See Also