Home › Forums › Quform WordPress › Probleme Signature Feld
- This topic has 4 replies, 2 voices, and was last updated 7 months ago by
SandraEStein.
- AuthorPosts
- May 13, 2024 at 12:50 pm #36724
SandraEStein
ParticipantHello,
I integrated the signature field into my page according to the instructions, but unfortunately it is not displayed on the page.
It only works if I import the form completely and create a separate page with it.
Maybe someone could support me
Thanks,
SandraAttachments:
You must be logged in to view attached files.May 20, 2024 at 8:48 am #36739Ally
Support StaffYou don't have permission to view this content. Please log in or register and then verify your purchases to gain access.
May 21, 2024 at 12:16 pm #36746ParticipantHi,
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…
May 22, 2024 at 11:54 am #36752Support StaffYou don't have permission to view this content. Please log in or register and then verify your purchases to gain access.
May 22, 2024 at 3:01 pm #36757ParticipantThank you so much…
- AuthorPosts
- You must be logged in to reply to this topic.