To get started, add the reference to the signature pad script in your document with a script tag :

You can get the minified file in the Github official repository here. 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 Bézier curve interpolation based on Smoother Signatures. To achieve our goal, we are goin to use the signature pad library. Signature Pad is a JavaScript library for drawing smooth signatures. In the digital world, the graphical representation of a signature is required in a lot of environments and as a developer you may be prepared for each madness that your client may require. In this article, you'll learn how to implement a simple signature pad in cordova using a canvas. What form your signature takes may send a message about your attitude, personality and position. Please sign in the box the are important both for legal identification and personal expression. Then the field partial view :- Html.AddFormThemeCssFile('~/App_Plugins/UmbracoForms/Assets/signaturepad/signaturepad.css')

This.DataType = FieldDataType.LongString This.Description = 'Displays a canvas to capture a signature' I added a basic field type :- using System The javascript and css needs moving out of the field partial view file etc I just threw it in there to test it worked. I was only asked to determine if this was possible so the code is a very quick rough concept. I managed to create a custom field type to capture a signature and save it as a data:image/png base64 string using this javascript library

Html5 signature pad