Signature Component

Give users the ability to use e-sign as a way to capture an approval for a record .

Updated over a week ago

The Signature component will capture an approval for any type of record within Method, for example, an estimate or a work order.

Note: The validity of a legal e-signature captured by this component is dependent on your locale and country. It is up to you and your legal council to determine whether or not you can deem them a legal signature.

When a user has entered in their name, the signature component will retain:

  • IP Address

  • Signed Date

  • Signed Name

  • Signature URL - This will be a URL link to an image of the signature

  • Screen Capture URL - This is a URL link to screenshot of the Method screen with the signed signature component

Note: In order to use these values, you will need to assign the values to an action result.

Signature Component Notes

A few things to keep in mind for the signature component:

  • Only one signature component per screen - A signature component cannot be duplicated and once on the screen, you cannot add another.

  • Data is captured by a Save All action - This is usually done in the components Accept even.

  • Data captured is attached to the record - Once the signature has been captured, it will be attached to the record. If the signature component is on a Method screen, it will display the captured signature if the Screen Active Record ID is set.

  • An image of the captured signature is created - When the signature component is showing a captured signature, a user can click on it to show an image of the entire screen with the captured signature.

  • Once a signature is captured, it is permanent - Users will need to create a new document (estimate, invoice, work order) if they need to "re-capture" a new signature.

How the Signature Component Works

When viewed on the screen, the user is presented with a clickable area where they can Add a signature.

When this is clicked, a new pop-up appears:

The user can type in their signature, as shown above, or they can select the Draw tab at the top and then draw in their signature as shown below.

Accepting the signature closes the pop-up, and the user can accept it or cancel. They can also edit the signature if need be.

Signature Component Properties

When not signed, the signature component has four elements when viewed on the screen: the caption, a clickable area which brings up a pop-up to add the signature, the accept button, and the cancel button.


  • Caption: The text used to caption the control.

  • Hide Caption: Hide the caption so it doesn't show on the Method screen.

  • Load State: The initial state when the screen loads.

  • Placeholder: This is sample text to help prompt the user on the input (e.g. “type your name here”).

  • Accept Button Text: The text used for the Accept button.

  • Cancel Button Text: The text used for the Cancel button.

  • Hide Cancel: Check this to hide the Cancel button.


There are no style properties for this control.


The signature component has unique events that trigger based on how the user interacts with it.

  • Accept - Triggered when the user clicks the Accept button. Normally, this will be a Save All action.

  • Cancel - Triggered when the user clicks the Cancel button.

Did this answer your question?