Introduction

Get Started

The easiest way to see how the Signature works are to create a new app. Here are the steps:

...

1. Start the Joget Server and open the    App Center.
   
   
2. Log in as admin and click on the pencil icon on the    Expenses Claim  to open the  Design App. (see Figure 1)
   
   Image Added
   Figure 1
   
   
3. Click on the    Create New Form    button and fill up the Form Details as follows (see Figure 2):
   
   1. Form ID: signature
   2. Form Name:  Signature
   3. Table Name: j_expense_claim
   
   Image Added
   Figure 2
   
   
4. Drag and drop a Signature  element on to the canvas.
   
   
5. Click on  Preview,  and try drawing in the Signature field.

...

^{Image Removed}

^{Figure 1}

^{Image Removed}

...

Signature properties

Edit Signature

Image Added

Screen (Click to view)Image Removed

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

Data

Name	Description	Screen (Click to view)
Validator	Attach a Validator plugin to validate the input value. Info title When will validation takes place? Validation will take place whenever a form is submitted except when it is submitted as "Save as Draft". Image Removed

Image Added

UI

Image Added

Image Removed

Name	Description	Screen (Click to view)
Width	Width of the element in character. Code Block title Example 300px
Height	Height of the element in character. Code Block title Example 300px
Readonly	Determines if the element is editable.

...