Apply electronic signatures to a form using scribble signatures

Last update: May 3, 2023

CREATED FOR:

  • User
CAUTION
AEM 6.4 has reached the end of extended support and this documentation is no longer updated. For further details, see our technical support periods. Find the supported versions here.

You can use the Scribble Signature component and Signature Step component to draw(Scribble) signature on an adaptive form. The Signature step component displays a PDF version of the adaptive form. You require a Document of Record option enabled or form template based adaptive forms to use the Signature step component.

Both the components provide a window, as displayed below, to sign a form. You can also click the geolocation icon aem_6_3_geolocation to add geolocation to the signature.

Scribble sign dialog

Configure an adaptive form to use Scribble Signature

  1. Create a Document of Record option enabled or form template based adaptive form. For step-by-step information, see Creating an adaptive form.

  2. Drag-and-drop the Scribble Signature component from component browser to the adaptive form.

  3. Tap the Configure configure icon. It opens properties browser and displays properties of the Scribble Signature component. Configure properties of the Scribble Signature component.

  4. Drag-and-drop the Signature Step component from component browser to the adaptive form.

    NOTE
    The Signature Step component takes up full width available for the form. It is recommended to not have any other component on the section containing the Signature Step component.

  5. In the Content browser, tap Form Container, and tap the Configure configure icon. It opens properties browser and displays Adaptive Form container properties. Navigate to Adaptive Form Container > Electronic Signature and deselect the Enable Acrobat Sign option. Tap the Done aem_6_3_forms_save icon to save the changes.

    NOTE
    When you add a Signature Step component to an adaptive form, the Enable Acrobat Sign option is selected automatically.

  6. Tap the Configure configure icon. It opens properties browser and displays Signature step properties. Configure the following properties:

    • Element Name: Specify name of the component.
    • Title: Specify unique title of the component.
    • Template message: Specify the message to be displayed while the signature PDF is being loaded. Acrobat Sign services take some time to prepare and load signature PDF.
    • Signing Service: Select the Scribble Signature option.
    • CSS Class: Specify CSS class of the client library, if any. It is recommended to use themes and in-line styles instead of CSS Class.

    Tap the Done aem_6_3_forms_save icon to save the changes. The Signature is configured sucessfully.

    Now, when you fill a form, a PDF version of adaptive form is displayed and options to sign the PDF document are provided. For detailed information, see Sign an adaptive form using Scribble Signature.

Sign an adaptive form using Scribble Signature

  1. After you fill an adaptive form and reach the Signature Step page, the signature screen is displayed.

    Signature screen for EchoSign page

  2. Click Sign. The scribble sign dialog appears. Sign the form and click the Done aem_6_3_forms_save icon to save the signature.

    Scribble sign dialog

  3. Click complete to finish the signing process.

    Complete the signing process

The signatures are added to the form and the form control moves to the next panel.

recommendation-more-help