A validation control ensures that data entered a system meets specific criteria or rules, such as format, range, or completeness. It helps maintain data accuracy and integrity by flagging errors or inconsistencies before the data is processed or stored.
Figure 1: Designer
Figure 2: Properties tab
Validate on Save
Description
This option specifies whether validation should occur when the data is being saved or submitted. When set to “Validate on Save,” validation occurs at the point when the user attempts to save or submit the data.
How to Use:
1.Design Phase:
Figure3: Designer
Figure4: Properties Tab-Validation
Figure3: Validate on save
Figure 4: designer
Figure 5: Preview
Validate on Select
Description: This option specifies whether validation should occur when the user selects an option or performs an action.
Validate on SP (Stored Procedure)
Description: This option specifies whether validation should occur when a stored procedure is executed or when a specific server-side action is triggered.
Validation Control Properties
Here’s the basic list of properties which can be used from rules.
Style.Width – Specifies the recommended width for the control.
Style.Height – Specifies the recommended height for the control.
Style.TextAlignmet – Indicates whether the text is aligned to the left, right, or center.
Style.Margin – Specifies the outer margin of the control.
Style.BoxShadow – Box Shadow values (horizontal offset, vertical offset, blur radius, color).
Style.TextFont – Specifies the font family for the control.
Style.FontSize – Specifies the font size.
Style.FontColor – Specifies the font color for the control.
Style.BackGroundColor – Specifies the background color for the control.
Style.Visibility – Display or hide the control.
Control Name: Validation Control
Group: Validation
S.no | Property Name | Data Type | Description |
General | |||
1 | Validate on Save | Boolean | This option specifies whether validation should occur when the data is being saved or submitted. |
2 | Validate on Select | Boolean | This option specifies whether validation should occur when the user selects an option or performs an action. |
3 | Validate on SP | Boolean | This option specifies whether validation should occur when a stored procedure is executed or when a specific server-side action is triggered. |
4 | Remarks | String | To make a comment or observation about the control for reference. |
Style | |||
5 | Width | String | Sets the suggested width or thickness of the control. |
6 | Height | String | Sets the suggested height of the control. |
7 | Text Alignment | String | Specifies whether the text to be left-aligned, Center –aligned or right-aligned |
8 | Margin | String | Sets the edge or outer margin to the control. |
9 | Padding | String | Sets the padding of the control(left,Top,Right,Bottom) |
10 | Box Shadow | String | Set the box shadow of the control by giving horizontal and vertical shadow values, the needed blur distance, and the appropriate color. |
11 | Enable Custom Font | Boolean | Set a custom font by enabling “Enable Custom Font” and typing the font family needed. It helps to apply “font families,” which are not available in the property box. |
12 | Font | String | Sets the font face\style. |
13 | Font Size | String | Sets the font size. |
14 | Font Color | String | Sets a brush that describes the Text color of the control. |
15 | Background Color | String | Sets a brush that describes the Background color of the control. |
16 | Visible | String | Sets the visibility of the control while rendering. |
17 | Column Span | Integer | To merge the number of columns specified. |
Reports | |||
18 | Control Report | Control Report will redirect to Reports tab that will display all the configurations, rules and data sources details associated to the selected control. | |
Template | |||
19 | Inherit Template | Boolean | Enable this property to inherit control style from applied template |
Custom Style | |||
20 | CSS Class | String | Allows you to add CSS class to your control to change the default formatting for any of our themes |
Table1: properties