Instructions
1. Add the element
Drag the Signature Pad Pro element onto your page.

2. Customize appearance
Set the following properties as needed:
• Stroke color
• Stroke width
• Background color
• Border and radius (via Bubble styles)

3. Handle drawing
Users can draw directly on the pad using touch or mouse.

4. Use states
The element exposes:
• canUndo → whether undo is available
• canRedo → whether redo is available
• signature_paths → JSON of drawn strokes

5. Actions
Use element actions in workflows:

• Undo → removes last stroke
• Redo → restores undone stroke
• Clear → clears the canvas

• Save Signature
Returns:
– base64 string
– data URL

• Save Signature to URL
Uploads the signature using Bubble file storage and returns a file URL.
(Requires file uploads enabled + max file size set)

6. Events
Trigger workflows on:
• saved
• uploading
• uploaded
• upload_error

7. Optional settings
• Enable auto_trim to remove empty space
• Set export_format (PNG or SVG)

Tips
• Use fixed height or enable fit height for proper layout
• Use SVG for best cross-platform reliability
• Ensure file upload settings are configured before using upload action

You're ready to capture and store signatures seamlessly.