The Signature Control is used to capture digital signatures in AppForms. Users can add, clear, and update signatures.
1. Create a form with a “Signature” Control, as shown below:

Figure 1
2. In the style properties tab, users can adjust parameters such as width, height, border color, and border thickness, etc (refer to Figure 2).

Figure 2
3. Below is a preview of a form featuring Signature Control.

(Figure 3)
4. Users can input their signature by clicking on the control. Upon clicking the “Done” button after entering their signature, it will be displayed within the control (refer to Figure 4 and Figure 5).

Figure 4

Figure 5
5. Clicking the “Clear” button will erase the signature entered by the user (refer to Figure 6).

Figure 6
Here is the list of available properties in the Signature Control from the designer.
| General | |||
| S.No | Property Name | Data Type | Description |
| 1 | Control Name | String | Specifies the unique identifier for the Signature control within a form. |
| 2 | Control Type | String | Indicates the type of control. |
| 3 | ID | Integer | Specifies a unique identifier for the Signature control. |
| 4 | Remarks | String | Allows the user to add notes, comments, or explanations about the Signature control. |
| 5 | ToolTip | String | Specifies a text message that appears when a user hovers over the Signature control. |
| 6 | Border | Boolean | Specifies the style, color, and thickness of the outline around the Signature control. |
| 7 | Signature Text | Boolean | Specifies the default or placeholder text displayed in the Signature control before the user provides a signature. |
| Style | |||
| S.No | Property Name | Data Type | Description |
| 8 | Width | Integer | Specifies the horizontal size of the Signature control on the form |
| 9 | Height | Integer | Specifies the vertical size of the Signature control on the form |
| 10 | Margin | Integer | Specifies the space outside the Signature control |
| 11 | Box Shadow | String | Specifies a shadow effect around the Signature control. |
| 12 | Font Color | String | Specifies the color of any text displayed within the Signature control. |
| 13 | Font Size | Integer | Specifies the size of any text displayed within the Signature control |
| 14 | Background Color | String | Specifies the fill color of the signature area. |
| 15 | Border Thickness | Boolean | Sets Thickness of the border of the control. |
| 16 | Border Color | String | Specifies the border color of the signature area. |
| 17 | Visible | Boolean | To manage the visibility of the control. |
| 18 | Column Span | Integer | To merge the number of columns specified. |
| Reports | |||
| S.No | Property Name | Data Type | Description |
| 19 | Control Reports | Redirects to the Reports tab, displaying all configurations, rules, and datasource details associated with the selected control. | |
| Validation | |||
| S.No | Property Name | Data Type | Description |
| 20 | IsRequired | Boolean | Helps to check whether the user has to give input in the control or not. If this property is enabled, this will not allow the user to save a form without giving the input. |
| 21 | Validation Message | String | Display the message when validation fails |
| 22 | Message Position | String | Defines the location where a message is displayed relative to the Signature. |
| Rules | |||
| S.No | Property Name | Data Type | Description |
| 23 | 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. | |
| 24 | Text | Boolean | Sets the signature control’s text. |
| Template | |||
| S.No | Property Name | Data Type | Description |
| 25 | Inherit Template | Boolean | Determines whether a control inherits a template definition from its parent control or base class. |
| Custom Style | |||
| S.No | Property Name | Data Type | Description |
| 26 | CSS Class | String | Specifies the CSS class or classes to apply to a control when it is rendered in HTML. |
| Custom Property | |||
| S.No | Property Name | Data Type | Description |
| 27 | HTML Attribute | String | Allows you to add or modify HTML attributes for a control when it is rendered. |
| Responsive Options | |||
| S.No | Property Name | Data Type | Description |
| 28 | Template Name | String | Represents the template name of the control shown in the Responsive UI configuration. The template name is same as the control’s name. |