103 comments found.
consulta: al momento de firmar ese documento con la firma es posible que se me guarde en una base de datos mysql?
Sorry, I don’t understand. Can you ask in english? Thanks.
Hi, i wrote this message two weeks ago:
“Hello!
I have renewed the support in order to know if there is a new version or if it is possible to correct this problem.
I implemented the script on a website a few months ago. I had some trouble getting it to work in Safari but it did.
The script saves the signature in a directory on the server and the name of the file in the Mysql database.
The problem I have is that everything works correctly in Chrome, Edge, Safari … but not in Firefox. At least in its latest version (95) firefox in PC or android (i do not have a mac to test) does not save anything in the database and does not save any images in the directory, while the rest of the browsers do it correctly.
Is there a known problem with this browser?
Thanks greetings”
The problem persist in firefox 96.
Have you been able to test that the script works correctly with this version of firefox?
Regards!
Hello, thanks again for reaching out. My apologies for not getting back, as it slipped my mind.
So I tested this myself on Firefox 96.0.1 it seems to work fine. You can actually test here too:
http://preview.codecanyon.net/item/html5-signature-pad-to-image/full_screen_preview/409605?_ga=2.225083674.124523263.1642811828-197009619.1642811828That works perfectly and generates a proper img (png).
You may want to see if there’s anything on your firefox that might be conflicting, etc. Unfortunately, because my tests show that it works fine, I can’t really offer any help since I can’t reproduce the issue.
Hello!
I have renewed the support in order to know if there is a new version or if it is possible to correct this problem.
I implemented the script on a website a few months ago. I had some trouble getting it to work in Safari but it did.
The script saves the signature in a directory on the server and the name of the file in the Mysql database.
The problem I have is that everything works correctly in Chrome, Edge, Safari … but not in Firefox. At least in its latest version (95) firefox in PC or android (i do not have a mac to test) does not save anything in the database and does not save any images in the directory, while the rest of the browsers do it correctly.
Is there a known problem with this browser?
Thanks greetings
Thanks for reaching out. Due to the holidays, I won’t be able to get back to you with a better response until after the 15th of Jan. I will look into this and hopefully get back to you with a easy solution (if any).
Hello Author , Pre-sales question can this plugin work with php software, 2. Saw you only draw , can user type using this plugin 3. Can we customize the way we want it after purchase ?
This is sample of what we want to achieve https://prnt.sc/1xae0ec
Hello, thanks for your interest. The plugin’s back-end is PHP driven, so yes 
. However, not sure what you “software” you’re referring to so, I guess it depends on your intent. The fancy font is something you can achieve independent of this library. You can probably specify your own font. Hope that helps
Hello Author, thanks for the prompt response, HRM and Accounting Software for For Signing, document, contract etc. Can you please address my questions one after the other.
- Yes it “can” work with PHP software but that depends on if that software is a closed environment or if you can integrate custom scripts outside its environment. - No, you cannot type with this web app. - You can customize it as much as you’d like.
The Typing I meant to say is instead of drawing users can use their names or initial , can this functionality be customized on this plugin ? is must have features for us ?
well, you can “draw” your name. It’s just a “free form” canvas, so you are free to draw anything. You can write a custom function to write text (fonts) directly into the signature area, but you’ll need a developer to customize that for you.
Thanks for the feedback, Sure we do have developers working on our Software’s, just wanted to be sure before buying the plugin. I have also forward the plugin link to them, I will revert back if there are any other questions
Hello – I’m having trouble getting this to put a signature on Firefox – and how do move the icons to the top or botton instead of side ? Thanks
https://www.loom.com/share/aeebd96ea8754035af2882d4360b8de6This is Firefox 89 on a mac btw – but I need it to work on firefox in general
Hey rainleaf, thanks for reaching out. So let me address the easier one…
1. The repositioning of the tool icons are purely up to how you stylize your page. Those icons are wrapped in a div with ID of “dd_signatureToolWrapper”. So you can overwrite the existing css rules… such as the “display” and “width”. If you set display to block and increase width, it should fall right below the signature area…. assuming nothing else is impeding it.
2. As for Firefox on Mac, that will be tough to diagnose. Firstly, do you have a URL I can test on? One of the things you can check is to make sure you have no accidental element or unrelated elements overlapping that area. What you can try is to include the signature app on a blank page with nothing else to see if that works. Also make sure its wrapping element (parent) is wide enough as to not squish it like I’m seeing the buttons (in your vid). If it does work fine, then you know you have some conflicting element on your page.
Thanks for the response. I’m working on the firefox issue, may get back to you on that. But I do have another question – is that a way to get the unpacked javascript source – I need access to the post that is going on to the .php file, as I need to pass more information in that post – how can I do that ? Thanks
OK – and here is an example of the issue I’m having with firefox: – you can try it here: https://mcarsint.com/view/60c29532d9d41e It seems to draw with chrome on desktop, but not on mobile
Here is a stripped down version of this in a basic nicepage window – it exhibits the same problem as the site above from a local file. There look to be some css conflicts – if I turn off the boxsizing, the pen seems to work on firefox – but I’m not so sure how to resolve the conflict. See here: https://www.loom.com/share/2fb6b88152104db0a04fd4415fd03629
So same with the site I show you online with firefox – if I disable the box-sizing on that element in inspector, the pencil works (and the icons actually display properly): https://www.loom.com/share/3c55011b20074bc5bbcc0b2fdc3d4f35
So you can contact me directly here: https://dreamdesignsweb.com/contact
Disabling the box-sizing allows elements to go beyond specified element dimensions while excluding border & padding. So the fact that it appears to work for you if you remove “border-box” tells me that your dimensions are slightly off. You can work with that as you wish or simply tweak wrapping elements with finer dimensions.
So it’s purely a design & css issue you’ll have to resolve on your end
Then with that said, it does appear to be what I suspected…. you have an overlapping element that is causing the writing to not actually occur due to the above issue.
Possible ways to help resolve… - Increase your wrapping elements width (and/or height) - set Box-Sizing to “content-box”... “box-sizing: content-box” (this allows it to not consider paddings & borders as part of the width metrics.
Hope this helps
Thanks, I’ll work with that. I have one other question asked above – I need to pass additional values to the dd_signature_process.php – I need a radio checkbox sorta thing, and a unique identifier that I will have in available in the html which I can display and scrape – but it seems I can’t access the call to dd_signature_process.php in the source js, as it is minified/packed ? How can I post additional values to the dd_signature_process.php script ? Thanks !
There are hooks that you can access in the posting process. See the “how_to_install” PDF it came with. There is “dd_doPostAction” method, as well as the “dd_callbacks” method that allows you to add custom codes upon submit button.
Could you by chance show an example of how to pass a string value to the dd_signature_process.php via the POST operation – I can’t seem to get anything working there with the dd_PostAction thing – thanks.
Hi rainleaf, please reply to me through my website contact. Last time I tried to respond, it bounced (your email). I can further explain via email instead of here.
OK, responded through website form – thx !
Well, It seems your email is bouncing, I’ve tried to respond to your message from the contact form. At any rate, I’ve moved on to more flexible options – sorry for wasting your and my time here…
Hi,
I Have purcharsed the license of signature pad.
The script is working ok except in iphones with ios 14 (safari and Chrome) and macs with the latest version too (in this case the problem is only in safari, not in chrome). In this case, even if the signature is made, it is saved completely blank.
is there an update compatible with these browsers?
Thanks
Hello, let me see if I can do some further analysis and see if there’s something that can be done. I’ll get back to you shortly.
Do you have a website that I can view it on? So the issue is only on iOS 14 Safari mobile? What version of Safari?
The isuue is in Iphone with Ios 14.6 with any browser (Safari, Chrome etc).
In Ios the browser version is closely linked to the operating system, I suspect that it occurs in all browsers with this version of the operating system.
The script is integrated into an app, if necessary I can isolate it in a separate url but it is the original with hardly any modifications
thanks!
Hi!
I have a rapid question. I need to change the titles that displays the 4 icons at the right of the signature, like “Undo last line” and “Clear signature pad”.
I find in dd_signature_pad.js file the options (in line 4) to enable or disable the options, but i dont find where customize this messages (i tried searching the characters bit i dont find it).
Thanks!
Hi, thanks for your support. Unfortunately there’s no quick and easy setting for this. There are two ways you can do this…
1. You can run run a custom logic right after it calls the “dd_buildStructure()”. So for example you can do something like this…. document.getElementById(‘dd_tool_pencilPicker’).title = ‘My Custom Title”
2. Or, you can unpack the entire JS where it starts with “eval(function(p,a,c,k,e,r)” here http://dean.edwards.name/unpacker/ Then do a search for something like “Undo Last Line”.
Hope these help.
One point to be more specific: Signing works but it is not saved using php where it belongs. On PC it works, on Android too, but not on Ios 14.6. Thanks!
Dear sirs. I’m interesting in this kind of scripts. Before buy it, is it possible to set a background image on the canvas? is it possible that the signature will be taken by PHP with transparency instead of white background? Thanks!
Yes but that is something you will have to implement yourself. You can easily reference the signature element field so it’s easily doable.
Does the HTML5 Signature Pad have any ‘adds’?
No sir, no ads.
Before buying just a question. Can I have more thna 2 instance of signature on the same page? I need the signature of the owner and buyer. Thanks
Thanks for your interest. Unfortunately, there’s no support for multiple instances at this time.
Hi, it’s not working on a tablet surface pro. Why? Thanks
Also next time, don’t use obfuscation if you want people to help you out
Thanks for your feedback. Sorry, not concerned about Surface Pro… it’s Windows 
Actually, I don’t mention that it works for it and don’t intend to update it to work on Surface or Surface Pro. And thanks again, but next time I will still obfuscate. I wasn’t asking for any help
Hi. Have you tried using your signature pad in a bootstrap 4 modal? I have been having trouble using other libraries, but if you can confirm this works inside a bootstrap 4 modal I will buy. I jsut don’t want to deal with the hassle of buying, testing, and getting a refund if you already know it is not compatible within a modal window.
Hi, I have not tried using with bootstrap. However, because this lib is not dependent on any other libs or shims, this “should” work fine.
License code: 788b92f6-47e4-4c71-81d6-e989a8e49403
I bought this. And works well. But it doesn’t work on dell all in one touchscreen. It will only make a dot. Wont follow the finger. I open paint and it works just fine. I use a mouse and works just fine. I tried https://codecanyon.net/item/signature-form-ajax-form-with-canvas-signature/21985810 on the all in one and it works well. But I’ve already implemented yours, got it saving image to db etc. Are there any other events this one is using that yours isn’t? Any update to the JS library or anything we can try. Really need this solved as soon as possible please.
Sorry to hear you’re having issues. Can you tell me the following on your dell… - OS and exact version - Browser and version - model & year of your Dell
I’ll help as best as I can but will be difficult without seeing issue, since I don’t have such a device
Good evening. I am trying to use on Xenial and am continually getting cannot save error. I have Imagick and GD installed, directory is set on 777, etc. PHP 7.0
Hi shouseworth, thanks for purchasing. Normally a “cannot save error” means PHP doesn’t have access to write to that folder it’s saving to. OR, the folder doesn’t exist. Perhaps also, could be an incorrect save path?
can I create a contract and put that signature for the contract to be signed?
That depends on how / where you’re creating this contract. If it’s a web-based document that can be controlled via html/css/javascript, then yes. Since this web-app outputs a PNG of the signature, you can easily use that on some later process… such as using PHP to embed it to a PDF, which I often do myself.
Hi do you have documentation for this as would love to know if this would work on an application I am developing for my invoicing system.
For instance how is the image saved? when a form is sent or on the fly?
Thanks
Hi, thanks for your interest in my web app.
- Yes, it comes with documentation, as well as demo files
- Image is saved as a transparent PNG
- The save process is triggered via a function call. So you can call it independently or via other methods… such as a form submission (your own logic to call it).
Hope that helps!
Hi, I have uploaded the zip source code to my wordpress website, I know that GD library is enabled (checked) and I also have a php everywhere plugin installed. However, this plugin does not seem to work anyway… I even followed the instruction which is included in the zipped folder to “include both the CSS file “dd_signature_pad.css” and Javascript file “dd_signature_pad.js” between the head tag Then to simply add the ID “dd_signaturePadWrapper” to any DIV element and set the directory to proper read-write permissions (777)” Does this product actually work? And what am I missing? Thanks in advance for you response
Hi accountalitics, thanks for purchasing and supporting my web app. Yes, for sure it works. You can even look at my demo page here… http://dreamdesignsweb.com/demos/dd_signature_pad/1.4/
Here’s a few things you may want to ensure.. - The supporting file are indeed loaded properly - There are no Javascript errors showing in your browser console log - Be sure you have Imagick - Make sure your set up allows Canvas element (HTML5)
If you still have troubles, hit me up privately and we can communicate more
Hi is there a way to set the background colour manually hardcoded as white as I have just tried the demo on firefox 55.0.3 and the image is downloading as back on transparent therefore it is not showing the signature. Thanks
There’s no quick setting to do so. However, you can create a simple Javascript that will change it on page load. Email me privately if you need assistance.
I’m sorry I take that back. I just re-read your question and realized I read it wrong. Yes, you can change the background color of the Canvas. There is a setting for that.
Thanks!
Hi just notice that you use eval. Can you confirm that this is a secure implementation of this as I have heard bad things Thanks
Well, eval is only bad if implemented wrong…. true for many things. In this scenario, the use of eval is only to build out the actual object so it’s not obfuscated. Otherwise, it has no other purpose and cannot be injected with code that can do anything negative.
Hi, on mobile my canvas is way off. I have to sign out of the box for it to appear on the box. What could be the issue?
Hello, what mobile device did you test this on? I can check for myself and see if I can provide you some suggestions for tweaking.
I have sent you an email with the link
Hi I Just bought it. How to keep all the generated image in the folder,Now only one image is generating and it getting replaced. Please help,I need all images to keep in the folder
Is there any way to add a background image to the canvas and save signature on the image
Hi Anusunu, thanks for supporting my webapp. This feature is not built into this app. But you should be able to easily create supporting code that can do so. Send me a private email if you wish for me to create some basic codes for a small fee.
Hi i send a direct message your portfolio page please check and replay me there
Hi any update
Hi i send a direct message your portfolio page any update on it please