Lightning Component Actions with Signature Capture Part 2

Introduction

In the first part of this blog I covered how to set up a quick action using the Lightning Component Action in the Signature Capture package. In this post I’ll show how to create a custom lightning component action that wraps the Signature Capture component and allows overriding of the default text and labels.

Messaging

The following list shows the Signature Capture message/label attributes and their default values:

• startMsg - “Click the ‘Capture Signature’ button to begin 
• enterMsg - “Sign here please"
• completeMsg - “Here is the captured signature"
• captureButtonLabel - “Capture Signature"
• saveButtonLabel - “Save”     (new in Winter 17)
• clearButtonLabel - “Clear”    (new in Winter 17)

Text Literals

The packaged component action, SignatureCaptureAction, leaves the default attribute values as-is. A custom action, on the other hand, allows some or all of these to be overridden with different text literals:

<BGSIGCAP:SignatureCapture recordId="{!v.recordId}"
          startMsg="Let's Go - Click the button to start” />

 

Custom Labels

Attributes may also be defined as custom labels, which have the added advantage of automatically picking up the correct translation for the user:

<BGSIGCAP:SignatureCapture recordId="{!v.recordId}"
         saveButtonLabel="{!$Label.c.SigCapSave}" />

 

Example Custom Action

Here’s a couple of screenshots from an example custom component with all text content overridden :

The source for this can be found in the Signature Capture Samples GITHUB repository.

Related Posts

• Lightning Component Actions with Signature Capture
• Lightning Component Events - Change Types with Care
• Lightning Component Events
• Lightning Components and Unobtrusive JavaScript
• Lightning Components and Custom Apex Classes
• Lightning Component Wrapper Classes

 Follow @bob_buzzard