What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Submit Button not visible in Mozilla Firefox

    Asked by MrPie on August 29, 2013 at 12:15 PM

    I've been trying to get this form to work. I've increased the height and have tried using all sorts of embed options as well as iframe. The Submit button seems to be hidden and can be accessed when someone hits tab after entering the Captcha Or they can click the middle mouse button and scroll down, which shows that there is a scroll option still on despite having it set to "no" in the html. Any help would be appretiated on this matter!

     

    P.S Is there a way i can align it to the left of the page? Thanks

    Page URL:
    http://xvinitynetwork.com/apply5.html

    hidden hidden submit button height scroll thanks
  • Profile Image
    JotForm Support

    Answered by ashwin_d on August 29, 2013 at 01:57 PM

    Hello MrPie,

    Your submit button is not being displayed in Mozilla Firefox browser. It does show up correctly in google chrome.

    Can you please embed your form again using only the iFrame embed code and excluding the script code? Here is an example for you:

    Use only this in your webpage:

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//support.jotform.com/form/32337398074359" frameborder="0" style="width:100%; height:1134px; border:none;" scrolling="no"></iframe>

    Exclude this script code:

    <script type="text/javascript">window.handleIFrameMessage = function(e) {var args = e.data.split(":");var iframe = document.getElementById("JotFormIFrame");if (!iframe)return;switch (args[0]) {case "scrollIntoView":iframe.scrollIntoView();break;case "setHeight":iframe.style.height = args[1] + "px";break;}};if (window.addEventListener) {window.addEventListener("message", handleIFrameMessage, false);} else if (window.attachEvent) {window.attachEvent("onmessage", handleIFrameMessage);}</script>

    Form Alignment:

    You should inject this custom css to align you form to left:

    .form-all {margin-left:0 !important;} 

    This guide should help you on how to inject custom css in your form:  http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Hope this helps.

    Thank you!