Buy Now
Sign in

Signature Pad Widget New Tutorial

oiphil , April 23 2015
Answered
o
oiphil

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

admin

Hi Phil,

Please try this in your email:

				
<img src="{signature}" />


Regards,
Max

Max
If your main question got answered then please mark the answer using the button!

GreyHead

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

ChronoForms technical support
If you'd like to buy me a coffee or two, thank you very much

o
oiphil

You guys are legends! Thanks!

i
ingy

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.

Attachments
01-warning-of-saving-signature-image.png
01-warning-of-saving-signature-image.png
(499.58 KiB)
109 Downloads/Views
02-email-received.png
02-email-received.png
(25.88 KiB)
97 Downloads/Views
03-email-when-tried-as-data-url-only.png
03-email-when-tried-as-data-url-only.png
(21.22 KiB)
98 Downloads/Views