Var wrapper = document. This is the jQuery code, for when I launch the modal (which works perfectly - I can sign on the canvas): $('#ModalActionCost').modal('show') Demo Demo works in desktop and mobile browsers. It works in all modern desktop and mobile browsers and doesn't depend on any external libraries. It's HTML5 canvas based and uses variable width Bzier curve interpolation based on Smoother Signatures post by Square. Signature Pad is a jQuery plugin that takes advantage of HTML5 canvas element and javascript to create a flexible and smooth Signature Pad on your web page & app. This is the signature code, included in the bootstrap modal: Signature Pad is a JavaScript library for drawing smooth signatures. My issue is that I keep getting errors relating to the canvas/signaturePad not being defined - signaturePad is not defined when triggering the ajax save. Signature Pad is a jQuery plugin that takes advantage of HTML5 canvas element and javascript to create a flexible and smooth Signature Pad on your web page &. Then - when the form (including the filled signature) is submitted - the form data is saved via ajax (jQuery). I then set the modal to show, and initiate the canvas. Using a standard HTML form, this works great (ie, a non-ajax call, but a form submitting to a URL).īut what I am now trying to do, is have the canvas in a bootstrap modal element on the page, which is initially hidden. Using this code to plug a signature block into a form.

Jquery signature pad codepen