MarkLince Posted May 23, 2017 Share Posted May 23, 2017 Hi Bocchi, That's great, well done... I'll keep that workaround in mind. Regards Mark Link to comment Share on other sites More sharing options...
gerhardhziegler Posted July 3, 2017 Share Posted July 3, 2017 Hi Mark! What a great example! Will try to use it in my code (signature for cleaners) today.I hope I am welcome with questions ;-) Link to comment Share on other sites More sharing options...
MarkLince Posted July 5, 2017 Share Posted July 5, 2017 Hi, Thanks, you are welcome. Mark Link to comment Share on other sites More sharing options...
jahlxx Posted July 7, 2017 Share Posted July 7, 2017 Hi. This is really good. I don't know how to do some things and don't find info. can hep? - chage the color of the signature - when saving (i.e. as png), can store the signature in some location in the server with a given name? - how tyo resize and change the position of the pad? I piut into an htmlframe, but allways have margins. Thanks. Link to comment Share on other sites More sharing options...
MarkLince Posted July 11, 2017 Share Posted July 11, 2017 Hi, easiest way to save the png is to save it from the unimimage like; unimimage.picture.savetofile('YourPath/YourFilename.png') The other changes require some interaction with the js of the jquery control, I will look at that for you over the next few days, I'm very busy at the moment. Regards Mark Link to comment Share on other sites More sharing options...
jahlxx Posted July 14, 2017 Share Posted July 14, 2017 ok. the color is changing this line in signature_pad.js: this.penColor = opts.penColor || 'black'; there, I can define the color. I changed black for blue, and works. The saving of the picture, I supose that must be changing something here in app.js, but I don't know what: savePNGButton.addEventListener("click", function (event) { if (signaturePad.isEmpty()) { alert("Please provide signature first."); } else { window.open(signaturePad.toDataURL()); }}); Thanks. Link to comment Share on other sites More sharing options...
jahlxx Posted July 15, 2017 Share Posted July 15, 2017 Ok. Done. change color and save picture to a file. I only need to align the pad into the htmlframe. now, the pad has allways margins, and don't find where I have to make the changes. Some help. Thanks. Link to comment Share on other sites More sharing options...
jahlxx Posted July 16, 2017 Share Posted July 16, 2017 Ok. Done. Playing with the css: .m-signature-pad { position: absolute; font-size: 18pt; width: 100%; height: 100%; border: 5px solid #e8e8e8; background-color: #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.08) inset; border-radius: 4px; border-color: black;} Link to comment Share on other sites More sharing options...
asapltda Posted October 15, 2017 Share Posted October 15, 2017 Ok. Done. Playing with the css: .m-signature-pad { position: absolute; font-size: 18pt; width: 100%; height: 100%; border: 5px solid #e8e8e8; background-color: #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.08) inset; border-radius: 4px; border-color: black; } hi, it is possible to place a complete example so that we can all have the signatures process ? thanks Link to comment Share on other sites More sharing options...
jahlxx Posted October 16, 2017 Share Posted October 16, 2017 ok. this is my test. is enough for me. firma.zip Link to comment Share on other sites More sharing options...
Felipe Lugo Posted March 19, 2020 Share Posted March 19, 2020 On 2/23/2017 at 11:02 AM, MarkLince said: OK, no takers? Decided to use this JQuery instead https://willowsystems.github.io/jSignature/#/about/ Looks just what I need Thanks anyway Mark Link to comment Share on other sites More sharing options...
picyka Posted October 7, 2022 Share Posted October 7, 2022 Em 16/10/2017 às 7:07 AM, jahlxx disse: Okey. Este é o meu teste. é suficiente para mim. firma.zip 78,98 kB · 73 downloads Any tips to remove these errors in the console, I can't see errors in the console, I think I have some mental problem. Link to comment Share on other sites More sharing options...
Marlon Nardi Posted October 8, 2022 Share Posted October 8, 2022 In case you are interested, there is this component in the UniFalcon package (Web and Mobile): https://store.falconsistemas.com.br/ Project Sample: https://demos.falconsistemas.com.br/?tela=tfrmsignature 1 Link to comment Share on other sites More sharing options...
Recommended Posts