Submitt button and captcha box are not visible

  • Profile Image
    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!

     

  • Profile Image
    Charlie
    Answered on April 20, 2016 at 02: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:

     

     

     

    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" onload="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" onload="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.