Capture E-Signatures with Lightning Web Components on Mobile

— by

Signature Capture LWC allows you to capture signatures and attach them to a Salesforce record on mobile …

Here are highlights from article Capture E-Signatures with Lightning Web Components on Mobile

1. Introduction:
– E-signatures are useful for verifying payments, transactions, and updating records.
– Salesforce has created a Lightning Web Component (LWC) for capturing signatures on the go.
– The LWC can be used on mobile devices and touch-screen desktops.

2. Configuring the LWC setup:
– Three steps to collect name and signature information from the LWC.
– Step 1: Configure the HTML layout by copying the signaturePad component code.
– Step 2: Adjust the styles of the interface to suit your needs.
– Step 3: Connect the interface with the LWC APIs to capture and save the signature.

3. HTML layout configuration:
– Navigate to the NameAndSignatureCapture section of the LWC sample directory in GitHub.
– Copy the signaturePad component into your project’s lwc folder.
– Reference the component by writing and set its attributes to configure it.

4. LWC styles configuration:
– Adjust the styles of the interface to suit your needs.
– Import a new font family or customize the layout by referencing the proper class and HTML attributes.

5. Connecting the Interface with the LWC APIs:
– Ensure the signature is properly captured by the LWC.
– Use JavaScript APIs and their corresponding HTML attributes to customize the interface.
– API methods include enableNameSigning, enableSignatureDrawing, strokeThickness, penColor, padColor, and fontColor.

You can read it here: https://sfdc.blog/BpZOo

Source from developer(dot)salesforce(dot)com

Newsletter

My latest updates in your e-mail.