Signature Pad
The Signature Pad element gives people a canvas to draw their handwritten signature with a mouse or a finger, and saves it as an image with the form.
The Signature Pad element provides a touch and mouse-friendly canvas where users can draw their handwritten signature directly within the form. The captured signature is stored as a file (image) and passed into the process as part of the form submission, making it suitable for digital approval flows, consent acknowledgments, contracts, and any scenario requiring a personal sign-off.
The pad's interactivity can be controlled at runtime โ locked to read-only to display a previously captured signature, disabled to prevent interaction, or hidden entirely when not applicable to the current form state. The current signature value is accessible through the data model in Procesio Forms at any event.
Key Use Cases
โขย ย ย ย ย ย ย Digital signature collection on approval or authorization forms
โขย ย ย ย ย ย ย Consent acknowledgment at the end of an onboarding or compliance flow
โขย ย ย ย ย ย ย Displaying a previously captured signature in read-only mode for review
โขย ย ย ย ย ย ย Conditionally showing the signature pad only when required (e.g., after clicking Approve)
Runtime API โ Attributes in Procesio Forms
All attributes below are accessible and modifiable at runtime via the element's data model in Procesio Forms โ on any available event such as onLoad, onChange, or custom triggers.
| API Name | Description | Type | Default | Notes |
|---|---|---|---|---|
| label | Display label above the signature pad | string | โ | โ |
| tooltip | Help text shown alongside the label | string | โ | โ |
| description | Instructional text displayed near the pad area | string | โ | โ |
| value | The current signature as a file object | file|null | โ | โ |
| readonly | View-only โ user cannot draw a new signature | boolean | false | โ |
| disabled | Fully non-interactive | boolean | false | โ |
| visible | Controls element visibility | boolean | true | โ |
| name | Unique element name | string | โ | โ |
| id | Unique element ID | string | โ | โ |
| required | A signature must be drawn to submit the form | boolean | false | โ |
For support, please join our Discord community for further assistance and support.
File Upload
The File Upload element lets people attach one or more files to a form, by drag and drop or with a file picker.
Document Signing
The Document Signing element sends a PDF to one or more people for signature from a form, guides each signer through signing it, and produces a signed PDF with their names and the signing date.