Home › Forums › Quform WordPress › Probleme Signature Feld › Reply To: Probleme Signature Feld
SandraESteinHi,
Link to URL http://kravmaga-erfurt.com/anmeldeformular-krav-maga/
<html>
<div class=”quform-label”><label class=”quform-label-text”>Unterschrift<span class=”quform-required”>*</span></label></div>
<div class=”quform-inner quform-inner-text”>
<div class=”quform-input quform-input-text quform-cf”>
<div class=”signature-pad”>
<div class=”signature-clear”>Löschen</div>
<input name=”signature” type=”hidden” />
</div>
</div>
</div>
________________________________________
Custom CSS – All Devices
.signature-pad canvas {
margin-top: 5px;
border: 1px solid #ccc;
}
.signature-clear {
width: 300px;
text-align: center;
margin-top: -8px;
font-size: 11px;
color: #737373;
cursor: pointer;
}
.quform-element-2_273 .quform-spacer {
margin: 0;
padding: 0;
}
.quform-element-2_273 .quform-label,
.quform-element-2_273 .quform-input {
display: none !important;
}
______________________________________________
Custom JavaScript
jQuery(function ($) {
if (!window.SignaturePad) {
return;
}
$(‘.signature-pad’).each(function () {
var $root = $(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(”);
});
});
});
Thx…