How to re-position a digital Signature to the HandlingOrderFooter



Following setup of the Sign Document Workflow, it may be necessary to re-position the signature so that it appears neatly above the Handling Order footer.



To do this, the 'Signature' text must first be added to the 'HandlingOrder-footer' setting:


Once added, the below Configuration String must be inserted into the 'Sign Receipt' workflow


The below mentioned Configuration String should be inserted wherever the ReactSignDocument transition screen is in use within this workflow

Copy/Paste the below configuration string into the Configuration String Field for every stage in the workflow where the ReactSignDocument transition is in use

Configuration String
{
    "signaturePageTitle": "Approval",
    "prompts": [
        {
            "title": "Remarks",
            "isRequired": false,
            "defaultValue": "",
            "lines": 2
        },
        {
            "title": "Full name",
            "validations": [
                {
                    "javaScriptRegex": ".{3,}",
                    "message": "Please enter a name of at least 3 characters"
                }
            ],
            "isRequired": true
        },
        {
            "title": "Email address",
            "validations": [
                {
                    "javaScriptRegex": "^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$",
                    "message": "Invalid email address"
                }
            ],
            "isRequired": false
        }
    ],
    "signReceipt": true,
    "signHandlingConfirmation": false,
    "addSignatureToEachPage": true,
    "signatureSizeRelativeToPage": 0.14,
    "onPageSignatureX": 0.78,
    "onPageSignatureY": 0.90,
    "boundingBoxWidthRelativeToPage": 0.17,
    "boundingBoxHeightRelativeToPage": 0.04,
    "showOnPageBoundingBoxBorder": false
}


If the Signature appears slightly out of sync (too high/low/left/right), then modify the below numbers shown against the onPageSignatureX and onPageSignatureY part of the above Configuration String. Do this each time the Configuration String has been inserted in combination with the ReactSignDocument transition.


"onPageSignatureX": 0.78,
"onPageSignatureY": 0.90,


The onPageSignatureX digits (in this case 0.78) control the positioning of the Signature on the Horizontal X-Axis. Increasing the number moves the signature further right; decreasing the number, moves it  further left.

The  onPageSignatureY digits (in this case 0.90) control the positioning of the Signature on the Vertical Y-Axis. Increasing the number moves the signature downwards; decreasing the number, moves it upward.


Once correctly positioned, the Signature itself should appear along the 'Signature: ____________' line as shown below.