You can enhance the visual and functional aspects of the MaskedTextBox component by using custom adornments in the form of prefixes and suffixes. Decorating the component allows you to make it more user-friendly and engaging.
The MaskedTextBox allows you to add custom items as prefix adornments by using the
The MaskedTextBox allows you to add custom items as suffix adornments by using the
To visually separate the specified adornments, set the
showSeparator property of the
KendoSuffixTemplate directives to
To separate multiple adornment items, you can add a
You can ensure the consistent appearance of the MaskedTextBox component by controlling the disabled state of the adornments inside the prefix and suffix containers.
The following example demonstrates how to set the
disabled property of the adornments when you disable the MaskedTextBox.
The following example demonstrates how to offset the
FloatingLabel when using adornments.