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!​
​Please let us know if you have any problems with the new forums text editor, we appreciate your feedback!
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)
127 Downloads/Views
02-email-received.png
02-email-received.png
(25.88 KiB)
117 Downloads/Views
03-email-when-tried-as-data-url-only.png
03-email-when-tried-as-data-url-only.png
(21.22 KiB)
117 Downloads/Views