Signature Pad Widget New Tutorial

Hi, I was just wondering if there was a walkthrough tutorial or checklist for applying the signature pad widget to a form.

I'v updated chronoforms v5 to the latest version and discovered the new widget. I've tried working it out and I've gotten it working but only as far as having the email show up with the "data:image/png;base64...." gibberish in the email using the fieldname {signature} in the email template.

I'm not sure what to do at this point in order to have the signature display as an image and attach it to the bottom of the email.

Regards,
Phil

Hi Phil,

Max's solution will work as the image is saved as a Data URL.

Please see this FAQ which I've just added which has more info and code to convert to a png image if you need it.

Bob

You guys are legends! Thanks!

Hi, First, thanks for all your help & support.
I was in same step like "oiphil" to show signature image in the email. I wanted to save the signature as it didn't shown up in e-mail when it is saved as just Data URL, so I added the custom code mentioned in the FAQ.

Everything seems to be fine as per the debugger except that the image isn't really saved in the path. I received the attached warning before the debugger data.

Also, I have file upload in the form & it is uploaded and attached in the email with no problems.

I added 2 signature labels in my email template, one to show the image name after being created & other one shows the image tag as created in the custom code.