Input Parameters

Client Actions (Public API)

• ClearSignature: Resets the canvas and clears all drawings.

• GetSignatureImage:

  • Output: ImageBase64 (Text).

  • Usage: Captures the signature as a PNG image string (data:image/png;base64,...).

Events

• OnSignatureComplete: Triggered every time a stroke is finished. Use this to update a preview image or enable "Submit" buttons.

Implementation Tips

• Storage: To save the signature, use the Base64ToBinary action from OutSystems UI to convert the ImageBase64 output into a Binary Data attribute for your database.

• Previewing: To show the user their signature, use a standard Image Widget with Type = External URL and bind it to the Base64 output string.

• Responsive Design: The component automatically handles window resizing, so it works perfectly in both Portrait and Landscape modes.