This component allows the user to draw in a box on the form.
This can either be with the mouse or via a touch screen.
The resulting image is stored into a text field on the Flow instance as a base64 image.
-
Grab the js file & css from the /dist folder and upload it as an asset to your tenant.
-
Add the files to your player code like this: -
requires: ['core', 'bootstrap3'], customResources: [ 'https://s3.amazonaws.com/files-manywho-com/tenant-id/SignatureBox.css', 'https://s3.amazonaws.com/files-manywho-com/tenant-id/SignatureBox.js' ],
-
Add a component to your page, any type, save it then change it's "componentType" to "SignatureBox" in the metadata editor and save it. e.g. "componentType": "SignatureBox",
-
Set the component's width from the property pages.
-
Add a String value to the Flow to hold the resulting image e.g. "SignatureImage".
-
Set the component's "State" to a the string field (e.g. SignatureImage).
You can add attributes to the component to control it's appearance: -
- title - String - A string to use as the signature box's title