Signature

Summary

The Signature field for Gravity Forms allows you to capture signatures online by allowing users to sign your forms using touchscreen devices, touch pads, or a mouse. It is available under the Advanced Fields section within the form editor. The Signature field is available when using the Signature Add-On.

Signature field as displayed in the Field Library
Signature field as displayed in the Field Library
Signature Field in Form Editor
Signature field as displayed in the Form Editor.
Signature field as displayed in a Form.
Signature field as displayed in the front end.

Common Settings

For a description of each of the common field settings, refer to this article. Below you will find descriptions of specialty settings that are particular to this field.

Appearance Settings

Signature Field - Appearance Settings
SettingDescription
Background ColorSelect the background color of the Signature field.
Border ColorSelect the border color of the Signature field.
Border WidthSelect the border width of the Signature field from a dropdown.
Border StyleSelect the border style of the Signature field from a dropdown.
Pen ColorSelect the pen color of the Signature field.
Pen SizeSelect the pen size of the Signature field from a dropdown.
Field WidthSelect the field width of the Signature field.
Font OptionsControls whether the dropdown with font options is displayed, allowing users to change the font for their typed signature.
On mobile devices, a default cursive font will be used instead.
Default FontSelect the font that will be used by default for typed signatures.
On mobile devices, a default cursive font will be used instead.

Entry Details

When you view the Entry Details for a Form Entry that contains a Signature field, you will see the signature included in the entry details. The signature will be presented as a thumbnail image, and you can click the thumbnail to view the full-size version.

Merge Tags

For more information on the use of merge tags, refer to these articles.

Usage

The signature thumbnail, which is linked to the full-sized signature on your website, will be included in the email notification when the {all_fields} merge tag is used. You can also include the captured signature image in the email notification using the individual field merge tag and an HTML tag:

 <img src="{Your Signature:8}" title="Signature" />

Modifiers

There are no modifiers available for Signature fields.

The following filter was added to Gravity Forms in support of the signature field: