Signature
The Signature component provides a canvas-based input field that allows users to submit a handwritten or typed signature directly within a form.
How It Works
The Signature component renders an interactive canvas where users can provide their signature in one of two ways:
- Draw Signature - Using a mouse, trackpad, or finger on touch-enabled devices
- Generate Signature - By typing their name and generating a stylized signature
The Generate Signature option improves accessibility and usability for users who are unable to draw a signature.
You can configure the field’s label, required state, size, and behavior to match your form requirements.
When submitted, the signature, whether drawn or generated, is captured as an image and stored with the form submission.
Properties
| Property | Description |
|---|---|
| Label Name | Text displayed above the signature field. |
| Hide Label | Hides the label visually while keeping it accessible to screen readers. |
| Disabled | Displays the field but prevents the user from drawing or generating a signature. |
| Make Required | Marks the field as required. The user must provide a signature before submitting or continuing. |
| Message | Displays instructional text explaining what the signature represents. |
| Add Custom Size | Sets a fixed width for the signature field using a pixel value. |
| Line Weight | Controls the thickness of the drawn signature line. |
| Width (px) | DSets the canvas width in pixels. |
| Height (px) | Sets the canvas height in pixels. |
| Add CSS Class | Applies custom CSS classes for styling and layout customization. |
| Display Component in Navigation | Includes the signature component in form navigation or summary views (if enabled). |
| Clear When Information Update Is On | Clears the signature for returning users when the Information Update setting is enabled, ensuring a new signature is collected. |
| Unique Name | A required identifier that must be unique within the form. Used in variables, templates, webhooks, and integrations. |
| Variable Name (for Printable Template) | A variable reference used in printable PDF or Word templates. |
| Mask in Notification Email | Masks the signature image in notification emails to reduce exposure of identifiable information and support compliance requirements. |
Using Signature Values in Other Parts of the Form
You can reference the provided signature elsewhere in the form (e.g., success pages, PDF templates, notification emails) using the component’s Unique Name as a variable.