Submitt button and captcha box are not visible

  • jscottw
    Asked on April 20, 2016 at 11:45 AM

    I'm having issues with my forms. You can't see the submit button unless you tab through the fields. I've gone through many of the forum posts, but none have helped. Please find the forms at:

    http://salonboutiqueacademy.com/contact-us.html

    http://12tree.com/contact.html

    http://localflora.com/contact.html

     

    Thanks for the help!

     

  • Charlie
    Replied on April 20, 2016 at 2:20 PM

    If you check your website, they all have continuous errors happening in the browser console. You can see in the screenshot the red error messages:

    Submitt button and captcha box are not visible Image 1 Screenshot 40

     

    Submitt button and captcha box are not visible Image 2 Screenshot 51

     

    Submitt button and captcha box are not visible Image 3 Screenshot 62

     

    It seems like it causes the resizing of the iframe to break on initial load. Showing a cut version of it. Could you try the following:

    1. Try setting the height value higher and add !important on the iframe tag in your embed code. Example:

    <iframe id="JotFormIFrame" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotform.us/form/42740813047148" frameborder="0" style="width: 100%; height: 900px !important; border: none;" scrolling="no"></iframe>

     

    2. If that doesn't work, try adding a min-height in your iframe tag, like this:

    <iframe id="JotFormIFrame" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotform.us/form/42740813047148" frameborder="0" style="width: 100%; min-height: 900px; !important; height: 900px; border: none;" scrolling="no"></iframe>

     

    Note that the height value is dependent on the length of your form, you can adjust and see which one works best for each website. Let us know if that will work, I also strongly suggest fixing the errors showing in your website to avoid further problems.