Home › Forums › Quform WordPress › Jquery Deprecated Code issues › Reply To: Jquery Deprecated Code issues
i removed the tags and it did not change anything. it should be a grey area for them to know where to sign.
<label style=”font-style: normal; color: #454545; font-size: 14px; font-weight: 600; text-transform: uppercase; font-family: Montserrat,Sans-serif;”>
Signature <span style=”color: #f26f20;”>*</span></label>
<style>
.signature-pad canvas margin-top: 5px; border: 2px solid #E1E1E3; .signature-clear width: 300px; text-align: left; margin-top: -8px; font-size: 11px; color: #737373; cursor: pointer; .iphorm_5_218-element-wrap label, .iphorm_5_218-element-wrap .iphorm-input-wrap, .iphorm_5_218-element-wrap .iphorm-swfupload, .iphorm_5_218-element-wrap .iphorm-description display: none !important; </style>
<div class=”signature-pad”><canvas width=”300″ height=”150″></canvas>
<div class=”signature-clear”>Clear</div>
<input name=”signature” type=”hidden” />
</div>
<script src=”https://gayleesaws.com/wp-content/plugins/martindale-extras/assets/js/signature_pad.min.js”></script>
<script>
jQuery(function ($) {
jQuery(‘.signature-pad’).each(function () {
var root = jQuery(this),
clear = root.find(‘.signature-clear’),
canvas = root.find(‘canvas’)[0],
output = root.find(‘input[name=”signature”]’),
signaturePad;
signaturePad = new SignaturePad(canvas, {
minWidth: 0.25,
maxWidth: 2,
onEnd: function () {
output.val(signaturePad.toDataURL());
}
});
clear.click(function() {
signaturePad.clear();
output.val(”);
});
});
});
</script>