Mask Editor
The Mask Editor Control accepts input only in the predefined mask format configured for the control, ensuring that users enter data in the required pattern.
Properties
| General | |||
| S.no | Property name | Data type | Description |
| 1 | Control Name | String | It specifies a unique name for the control within the form. |
| 2 | Control Type | String | It specifies the type of control. |
| 3 | ID | Int | The ID property specifies a unique identifier for the Mask Editor. |
| 4 | Text | String | Represents the default text or value displayed in the Mask Editor control. |
| 5 | Tooltip | String | Specifies the text message that appears when the user hovers the mouse pointer over the control. |
| 6 | Tab Index | Integer | Determines the order in which the control receives focus when the user navigates through controls using the TAB key. |
| 7 | Remarks | String | It is used to store additional notes, comments, or descriptive information related to the control. |
| 8 | Mask Format | String | It specifies the input format or pattern that the control enforces on user input. |
| 9 | Check Dirty | Boolean | It indicates whether the content of the control has been modified by the user since it was last loaded |
| Attached Label | |||
| 10 | Show Label | Boolean | Determines whether the associated label for a Mask Editor control is visible to the user. |
| 11 | Label Text | String | Specifies the text displayed by the label associated with a Mask Editor control. |
| 12 | Label Position | String | Determines the placement of the label relative to the Mask Editor control. |
| 13 | Label Width | String | Specifies the horizontal width of the attached label associated with a Mask Editor control. |
| 14 | Label Height | String | Specifies the vertical height of the label associated with a Mask Editor control. |
| 15 | Text Alignment | String | Specifies the vertical height of the label associated with a Mask Editor control. |
| 16 | V-Text Alignment | String | Determines how the text inside the attached label is aligned vertically within the label. |
| 17 | Margin | String | Specifies the space between the attached label and surrounding controls. |
| 18 | Padding | String | Specifies the internal space between the content of the label (text) and the edges of the label. It defines the inner spacing within the label. |
| 19 | Box Shadow | String | Specifies a shadow effect around the edges of the attached label, enhancing its visual depth and appearance on the user interface. |
| 20 | Font | String | Defines the style of the text displayed in the attached label. It controls how the label text is rendered visually. |
| 21 | Font Size | String | Specifies the size of the text displayed in the attached label. |
| 22 | Bold | Boolean | Determines whether the text in the attached label is displayed in bold font weight. |
| 23 | Italic | Boolean | Determines whether the text in the attached label is displayed in italic style. |
| 24 | Underline | Boolean | Determines whether the text in the attached label is displayed with an underline. |
| 25 | Font Color | String | Specifies the color of the text displayed in the attached label. |
| 26 | Background Color | String | Specifies the background color of the attached label |
| Style | |||
| 27 | Width | String | Specifies the horizontal size of the control. |
| 28 | Height | String | Specifies the vertical size of the control. |
| 29 | Text Alignment | String | Specifies how the text appears inside the control. |
| 30 | Margin | String | Specifies the space between the control and its surrounding elements. |
| 31 | Padding | String | Specifies the internal spacing between the control’s border and its content. |
| 32 | Box Shadow | String | Specifies the shadow effect applied around the edges of the control. |
| 33 | Enable Custom Font | Boolean | Determines whether the control can use a custom font for displaying text instead of the default system font. |
| 34 | Font | String | It specifies the style used to render the text inside the control. |
| 35 | Custom Font | String | Sets the custom font style of the text on the Mask editor. This will be available only on enabling “Enable Custom Font” property. |
| 36 | Font Size | String | Specifies the size of the text displayed within the control. |
| 37 | Font Color | String | Specifies the color of the text displayed inside the control. |
| 38 | Background Color | String | Specifies the color of the area behind the text inside the control. |
| 39 | Visible | Boolean | Determines whether the Mask Editor control is displayed on the form. |
| 40 | Enable | Boolean | Sets the accessibility of the control during rendering. |
| 41 | Bold | Boolean | Specifies whether the text in the Mask Editor control is displayed in bold font weight. |
| 42 | Italic | Boolean | Determines whether the text displayed in the Mask Editor control is rendered in italic style. |
| 43 | Column Span | String | Specifies the number of columns in a layout grid that the Mask Editor control occupies. |
| Rules | |||
| 44 | Rules | After selecting the control, if the user clicks the Rules tab it will be expanded and displays a Rules property. Create Rule can be selected from a drop-down list. On clicking the Create Rule link button will navigate the user to the Rules Engine. The same control will be added as a trigger by default to execute the Rule. | |
| Validation | |||
| 45 | Is Required | Boolean | This property specifies whether input in the control is mandatory. If enabled, the user cannot save the form without providing a value. |
| 46 | Required Message | String | If the Is Required property is enabled and no input is provided, a validation message will appear next to the control when the user attempts to save the form. |
| 47 | Regular Expression | String | The Regular Expression property defines a pattern that input text must match for the Mask Editor control |
| 48 | Expression Message | String | It specifies a custom message to be displayed to the user when the input entered in the Mask Editor does not match the required mask or validation expression. |
| 49 | Message Position | String | Sets the position of the validation message, whether it can be left, right, bottom, or top. |
| Reports | |||
| 50 | Control Report | Control Report will redirect to the Reports tab that will display all the configurations, rules, and datasources details associated with the selected control. | |
| Template | |||
| 51 | Inherit Template | Boolean | Enable this property to inherit the control style from the applied template |
| Custom Style | |||
| 52 | CSS Style | String | The CSS Class property allows you to assign one or more CSS classes to Mask Editor control for styling purposes. |
| Custom Property | |||
| 53 | Html Attribute | String | The HTML Attribute property allows you to add custom HTML attributes to Mask Editor control when it is rendered on a web page. |
| Responsive options | |||
| 54 | Template Name | String | Displays the template name used for responsive configuration. |