Introduction
The Signature is a special element with canvas to collect the user's input by scribbling/sketching on it
Get Started
The easiest way to see how the Signature works are to create a new app. Here are the steps:
- Start the Joget Server and open the App Center.
- Log in as admin and click on the pencil icon on the Expenses Claim to open the Design App. (see Figure 1)
Figure 1 - Click on the Create New Form button and fill up the Form Details as follows (see Figure 2):
- Form ID: signature
- Form Name: Signature
- Table Name: j_expense_claim
Figure 2 - Drag and drop a Signature element on to the canvas.
- Click on Preview, and try drawing in the Signature field.
Signature properties
Configure Signature
| Name | Description |
|---|---|
| ID | Element ID (By declaring as "signature", a corresponding database table column "c_signature" will be created) Please see Form Element for more information about defining the ID and list of reserved IDs. |
| Label | Element Label to be displayed to the end-user. |
| Encryption | Determines if the value should be encrypted upon saving into the database. |
Advanced Options
UI
| Name | Description |
|---|---|
| Validator | To validate the input value. When will validation takes place? Validation will take place whenever a form is submitted except when it is submitted as "Save as Draft". |
| Width | Width of the element in character. Example 300px |
| Height | Height of the element in character. Example 300px |
| Readonly | Determines if the element is editable. |