New to Telerik UI for .NET MAUI? Start a free 30-day trial
.NET MAUI DataForm Masked Editors
Updated over 6 months ago
You can use the following Masked Editors the DataForm provides:
DataFormRadTextMaskedEditor—Of typeRadTextMaskedEntryDataFormRadNumericMaskedEditor—Of typeRadNumericMaskedEntryDataFormRadEmailMaskedEditor—Of typeRadEmailMaskedEntryDataFormRadRegexMaskedEditor—Of typeRadRegexMaskedEntry
Each Masked Editor has Mask and Culture Placeholder properties.
Other properties that are common for all editors are listed in the Editors Overview article.
Styling
You can style the editors using the properties BackgroundColor, BorderColor and BorderThickness. You can additionally style each editor by applying a style with the same target type as the underlying control.
A table with all editors and their control types is available in the Editors Overview article.
Example with DataFormRadTextMaskedEditor
XAML
<Style x:Key="RadTextMaskedEditorStyle" TargetType="telerik:RadTextMaskedEntry">
<Setter Property="EntryCornerRadius"
Value="3" />
<Setter Property="EntryBackgroundColor"
Value="LightSlateGrey" />
<Setter Property="ClearButtonColor"
Value="DarkOrange" />
</Style>
And the editor definition
XAML
<telerik:DataFormRadTextMaskedEditor PropertyName="Password"
HeaderText="Password"
BackgroundColor="LightGray"
BorderColor="DarkBlue"
BorderThickness="1"
EditorStyle="{StaticResource RadTextMaskedEditorStyle}"/>
For more information about how to style the editors, review the Editors Styling article.