Stable Version 1.0.2 (OutSystems 11)
Published on 27 Jan by 
Stable Version 1.0.2 (OutSystems 11)
Published on 27 Jan by 


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.

What’s new (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 (0)
User interface, Other UI components
Support Options
This component is not supported by OutSystems. You may use the discussion forums to leave suggestions or obtain best-effort support from the community, including from Pravi Gupta who created this component.
See all 1 dependencies
Component Consumers
No consumers yet.
Weekly Downloads