Signature pad with multiple embedded datapages

[JEllington]

I am having a problem with the Signature Pad working correctly on an html page that has more than one datapage embedded in it.
As per http://forums.caspio.com/index.php?/topic/4693-js-adding-a-digital-signature-to-a-submission-form
The sig pad works as desired only in the first datapage embedded on an HTML page. Any additional datapages embedded into the html page throw console errors accessing the sig canvas.

The problem is.. I have an HTML page that displays an invoice. The first embedded datapage displays customer information, a second embedded datpage displays inventory items used and a third datapage containing the sigpad script, requires a customer signature and collects closing details then submits the invoice. The third datapage throws console errors running the sig pad script.
If I move the third datpage (the page that contains the signature script) to the top of the html page above the 1st and 2nd datapages the sigpag works correctly. Proving the script works only if it is contained within the first embedded datapage.
To work around this I created an HTML popup window that handles the signature. except now I find that I must have the signature script within the third datpage.

Any help on getting the sigpad working on an additional embedded datapage is greatly appreciated.

[MayMusic]

You need to give your page a new ID by adding div to header and closing it in Footer:

Header:

<div id="mypage">

Footer:

</div>

and then in the line where you have

$('#caspioform').signaturePad({drawOnly : true});

Replace caspioform with "mypage"

$('#mypage').signaturePad({drawOnly : true});

[JEllington]

Thank you May.. you are Awesome!!

[Kurumi]

Hi Everyone - Just an update, Caspio has a new offer, and it's called App Extensions. Electronic Signature is included as well. You can check this link for reference. 

[Kurumi]

Hi - FYI for issues or troubleshooting in applying Signature Pad.

- Signature Pad not showing/working
- If you encounter an error in the console that says $(...) signaturePad is not a function
- MIME type ('text/html') is not executable

 

 

Things to check/troubleshoot:
- Make sure to download the file from the forum post above and be able to set it as a File parameter (unzip the file first)
- Make sure that you called/inserted the right parameter name in the DataPage.
- If it is a Report DataPage with Search Form, make sure to also include the file and jQuery in the Search form configuration

[Mauricia]

Hi ,When downloading the records from tabular report data page in PDF format, the signatures are not displayed.Could you please let me know if there is a way to get the signatures to display correctly in the PDF?

[DrSimi]

Hi @Mauricia,

I don't have any issues with the signatures displaying in the HTML Block or in the PDF Download from a Tabular Report, so it may be something on your configuration. Can you share an export of your DataPage with test data to check it out? Are you using authentication?