Accept digital signatures

Learn how to accept and upload signatures in mobile apps.

You can use the Signature component in mobile apps to collect digital signatures from customers.

Collect a signature

Add the Signature component to the canvas then press the signature to present the input field. The component uses landscape orientation by default to maximize the available space.

The Signature component temporarily saves a captured signature in PNG format as a blob with a blob: or file:// URI string. You can reference this blob elsewhere in your app (e.g., to preview in an Image component) or upload captured signatures to a data store.

Convert blobs to Base64-encoded strings

You can use utils.getDataByObjectURL() to convert blobs into a Base64-encoded string for other uses.

Save uploaded signatures

You can reference value in queries to store uploaded files in a data store, such as Amazon S3 or Retool Storage.

Save files directly to Retool Storage

You can enable the Upload file to Retool Storage option for the component to automatically store the file in Retool Storage.

Queries that upload to data stores, such as Google Cloud Store and Amazon S3, require the correct MIME type and Base64-encoded data. Captured signatures use the image/png MIME type. You can use utils.getDataByObjectURL() to convert blobs into a Base64-encoded string.