iFrame: Submit button not showing in Firefox

  • Profile Image
    LBtaekwondo
    Asked on March 23, 2015 at 06:36 PM

    My form: http://www.jotform.com//?formID=41614086450147

    Submit shows in chrome, but not in firefox. Do I need to reset something?

    thanks!

  • Profile Image
    Jan
    Answered on March 23, 2015 at 08:57 PM

    Hi there,

    Please try to increase the height value of the iFrame. Try changing it to 4800px.

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

    Hope this works. Thank you.

  • Profile Image
    LBtaekwondo
    Answered on March 23, 2015 at 09:29 PM

    I set to 4800px, but still not seeing "submit" in firefox

  • Profile Image
    Kiran
    Answered on March 24, 2015 at 04:29 AM

    I'm not sure if the height of table where the form is embedded is causing the issue. Could you try increasing the height of table cell to make it equal with the height of form? Also, please let us know which website builder you are using. Do you see any issue embedding using normal Javascript method? 

    Please let us know the result when you embed using Javascript method. Let us know if you need any further assistance. We will be happy to help.

    Thanks.

     

  • Profile Image
    LBtaekwondo
    Answered on March 24, 2015 at 04:32 PM

    I had originally switched from the normal embed code to iframe on the advice of Jotform Support because our calculation was not working when we used Javascript method. I just now switched the code to Javascript method, and while the submit button did show up, the calculation did not work.

    I did not try increasing height of table cell to be equal with height of form. How do I do that? I don't really know anything about website building! I access the html code through sharepoint designer.

  • Profile Image
    Ben
    Answered on March 24, 2015 at 05:51 PM

    Please try changing your code to this (remove the old jotform code and add this one):

    <iframe frameborder="0" scrolling="no" style="width: 100%; height: 4362px; border: medium none; min-height: 4395px;" src="//form.jotform.us/form/41614086450147" allowtransparency="true" onload="window.parent.scrollTo(0,0)" id="JotFormIFrame"></iframe>
    <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;case "collapseErrorPage":if (iframe.clientHeight &gt; window.innerHeight) {iframe.style.height = window.innerHeight + "px";}break;case "reloadPage":window.location.reload();break;}};if (window.addEventListener) {window.addEventListener("message", handleIFrameMessage, false);} else if (window.attachEvent) {window.attachEvent("onmessage", handleIFrameMessage);}</script>

    Once you do, please let us know if it worked.

    I am also noticing some possible issues with a widget so I will look into this and will update you about it if it can not be resolved from our side and if it is an issue.

    Thank you.

  • Profile Image
    Ben
    Answered on March 24, 2015 at 06:06 PM

    To update you in regards to what I have mentioned.

    Could you please remove all Form Separator widgets and add a new one instead of them?

    That should resolve the issue that I have mentioned and might even start resizing your form properly which is not happening at this time due to the errors mentioned.

  • Profile Image
    LBtaekwondo
    Answered on March 24, 2015 at 06:31 PM

    can you tell me how to remove the widgets?

  • Profile Image
    EltonCris
    Answered on March 24, 2015 at 10:50 PM

    @LBtaekwondo

    Simply edit your form in the form builder, click the form separator widget and click the delete icon (x) you see on the right side. Here's a visual guide:

  • Profile Image
    LBtaekwondo
    Answered on April 01, 2015 at 05:34 PM

    Thanks so much, I removed a few form separators, and it's fixed!!

  • Profile Image
    EltonCris
    Answered on April 01, 2015 at 05:38 PM

    @LBtaekwondo

    On behalf of my colleague, you're welcome.

    Feel free to contact us again should you need further assistance.

    Regards!