show / hide menu

Signature

The Signature Control is used to capture digital signatures in AppForms. Users can add, clear, and update signatures.

Working with Signature

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

Designer Properties

Here is the list of available properties in the Signature Control from the designer.

General
S.NoProperty NameData TypeDescription
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 IntegerSpecifies a unique identifier for the Signature control.
4Remarks String Allows the user to add notes, comments, or explanations about the Signature control. 
5ToolTipString  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 TextBoolean  Specifies the default or placeholder text displayed in the Signature control before the user provides a signature.
Style
S.NoProperty NameData TypeDescription
8Width IntegerSpecifies the horizontal size of the Signature control on the form
9 Height IntegerSpecifies the vertical size of the Signature control on the form
10MarginIntegerSpecifies 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.
13Font SizeIntegerSpecifies the size of any text displayed within the Signature control
14Background Color String Specifies the fill color of the signature area.
15Border ThicknessBoolean Sets Thickness of the border of the control.
16Border Color String Specifies the border color of the signature area.
17VisibleBooleanTo manage the visibility of the control.
18 Column SpanIntegerTo merge the number of columns specified.
Reports
S.NoProperty NameData TypeDescription
19Control Reports  Redirects to the Reports tab, displaying all configurations, rules, and datasource details associated with the selected control. 
Validation
S.NoProperty NameData TypeDescription
20IsRequired 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.
21Validation Message String Display the message when validation fails
22Message Position String Defines the location where a message is displayed relative to the Signature.
Rules
S.NoProperty NameData TypeDescription
23Rules  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. 
24TextBooleanSets the signature control’s text.
Template
S.NoProperty NameData TypeDescription
25Inherit Template BooleanDetermines whether a control inherits a template definition from its parent control or base class.
Custom Style
S.NoProperty NameData TypeDescription
26CSS ClassStringSpecifies the CSS class or classes to apply to a control when it is rendered in HTML.
Custom Property
S.NoProperty NameData TypeDescription
27HTML AttributeStringAllows you to add or modify HTML attributes for a control when it is rendered.
Responsive Options
S.NoProperty NameData TypeDescription
28Template NameStringRepresents the template name of the control shown in the Responsive UI configuration. The template name is same as the control’s name.