Jquery Deprecated Code issues

Home Forums Quform WordPress Jquery Deprecated Code issues

This topic is: resolved
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #31800
    quezmedia
    Participant

    Hi I am using your Quforms plug in for a form that includes a signature area ad I keep getting these errors.

    The form is here and the signature area does not show at the bottom:

    Credit Application

    Can you please help?

    This page generated the following warnings:

    https://martindaleco.com/wp-content/plugins/quform/js/kendo.core.min.js: jQuery.support.boxModel is deprecated
    https://martindaleco.com/wp-content/plugins/quform/js/kendo.core.min.js: jQuery.event.handle is undocumented and deprecated
    https://martindaleco.com/wp-content/plugins/quform/js/kendo.core.min.js: jQuery.attrFn is deprecated
    https://martindaleco.com/wp-content/plugins/quform/js/kendo.core.min.js: jQuery.browser is deprecated
    https://martindaleco.com/wp-content/plugins/quform/js/kendo.core.min.js: jQuery.boxModel is deprecated
    https://martindaleco.com/wp-content/plugins/quform/admin/js/builder.all.min.js: ‘hover’ pseudo-event is deprecated, use ‘mouseenter mouseleave’

    Please make sure you are using the latest version of all of your plugins, and your theme. If you are, you may want to ask the developers of the code mentioned in the warnings for an update.

    #31808
    Ally
    Support Staff

    You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

    #31815
    quezmedia
    Participant

    thank you so much for your help. I was able to get the signature section of form to work but I have lost the roll over function on the “Clear” and the grey shaded box showing where the signature block is. its now just white space.

    here is my code. Can you tell me what i am doing wrong?

    <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 {<br /> margin-top: 5px;<br /> border: 2px solid #e1e1e3;<br /> }<br /> .signature-clear {<br /> width: 300px;<br /> text-align: left;<br /> margin-top: -8px;<br /> font-size: 11px;<br /> color: #737373;<br /> cursor: pointer;<br /> }<br /> .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 {<br /> display: none !important;<br /> }<br /></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://martindaleco.com/wp-content/plugins/martindale-extras/assets/js/signature_pad.min.js”></script&gt;
    <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>

    #31821
    Ally
    Support Staff

    You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

    #31823
    quezmedia
    Participant

    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&gt;
    <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>

    Attachments:
    You must be logged in to view attached files.
    #31829
    Ally
    Support Staff

    You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

    #31842
    quezmedia
    Participant

    Fantastic! Thank you so much!!! It’s working perfectly!

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.
Be inspired. © 2020 ThemeCatcher Ltd. 20-22 Wenlock Road, London, England, N1 7GU | Company No. 08120384 | Built with React | Privacy Policy