Give us feedback
Web icon


Stable version 1.0.2 (Compatible with OutSystems 11)
Uploaded on 27 January 2021 by 
 (4 ratings)


A component used to draw and save the signature
Read more

A component which contains a web block for drawing, saving and auto-populating the signature drawn on the canvas. It is a traditional web component which has a web block consisting of canvas for drawing the signature. It also contains the reset button to clear the canvas.

Following values can be configured for this component -

1. The SetSignature is a non-mandatory input parameter which is used to auto-populate the existing signature by passing the image url.

2. The EnableSignaturePad input parameter is used to enable/disable the Signature pad.

3. The OnSignatureChange input parameter is used to configure the trigger of the ChangeEvent of Signature, i.e. when -

OnSignatureChange = True -> then an event is triggered to parent WB/Screen OnChange, of Signature in the canvas.

OnSignatureChange = False -> then no event will be triggered.

The Webblock triggers the event when the -

1. signature is modified.

2. reset button is clicked.

3. Submit button is clicked

Note : The text field to receive the signature data in the event (ModifiedSignature) has a larger length size.

Release notes (1.0.2)

Following additional capabilities are added in this version -

1. Responsive behavior - Now, whenever the window resizes the canvas will adjust its size accordingly.

2. Added the input parameter SetSignature - Whenever you want to pre-populate the canvas with the existing Signature, just pass the url of the image.

3. Added the input parameter ResetButtonLabel - To configure the label of Reset Button

4. Added the input parameter SubmitButtonLabel - To configure the label of Submit Signature button

5. Added the input parameter ExtendedClassForSubmitButton - To apply addtional css to Submit Button

Reviews (1)
17 May
in version 1.0.2
Very nice component, signature not created when signing using Microsoft Surface Touch screen