Visual Customization
8 Mar 2018 / 2 minutes to read
The appearance of SfMaskedEdit can be customized using the following properties:
BorderColor
Sets the custom border color to SfMaskedEdit.
SfMaskedEdit maskedEdit = new SfMaskedEdit();
maskedEdit.MaskType = MaskType.Text;
maskedEdit.Mask = "00/00/0000";
maskedEdit.Layer.BorderColor = UIColor.Green.CGColor;
ErrorBorderColor
Sets the custom error border color to SfMaskedEdit. Error border color indicates the color to be used when the validation fails for your input with respect to the mask used.
Validation triggers based on
ValidationMode
property.
Refer this link to know more about theValidationMode
property ofSfMaskedEdit
control.
SfMaskedEdit maskedEdit = new SfMaskedEdit();
maskedEdit.MaskType = MaskType.Text;
maskedEdit.Mask = "00/00/0000";
maskedEdit.ErrorBorderColor = UIColor.Yellow;
Setting Appearance of Text
You can customize the display text appearance of SfMaskedEdit control using the following properties:
- TextColor: Changes the color of the text.
- HorizontalTextAlignment: Changes the horizontal alignment of the text.
- FontFamily: Changes the font family of the text.
- FontAttributes: Sets font attributes(bold/italic/none) of the text.
- FontSize: Sets font size of the text.
SfMaskedEdit maskedEdit = new SfMaskedEdit();
maskedEdit.MaskType = MaskType.Text;
maskedEdit.Mask = "00/00/0000";
maskedEdit.TextColor = UIColor.Brown;
maskedEdit.TextAlignment = UITextAlignment.Center;
maskedEdit.Font = UIFont.FromName("Arial", 20);
maskedEdit.Font = UIFont.SystemFontOfSize(20);
UIFontDescriptor fontDescriptor = maskedEdit.Font.FontDescriptor;
maskedEdit.Font = UIFont.FromDescriptor(fontDescriptor.CreateWithTraits(UIFontDescriptorSymbolicTraits.Bold), 0);
This demo can be downloaded from this link.
Was this page helpful?
Yes
No
Thank you for your feedback!
Thank you for your feedback and comments. We will rectify this as soon as possible!
An unknown error has occurred. Please try again.
Help us improve this page