form comes up on the screen for a few seconds and then disappears.

  • Profile Image
    Wingzy
    Asked on July 01, 2015 at 09:51 AM

    In browsers; Internet explore & Waterfox

    http://www.marketingav.ca/valleyportabletoilets/quote.htm

    will show the from and disappear.

     

    I have build a form for the 3 various sizes because this responsive is not the bets of jotform.

    And yes I have followed all the step in the various videos,  but strangely this keeps happening. When you enlarge the screen it does appear and stay but its not stable.

     

    Screen shot:

    http://screencast.com/t/ZKLVIrWl4

     

    it seems to be working correctly in opera - safari - Chrome - firefox

  • Profile Image
    Boris
    Answered on July 01, 2015 at 10:47 AM

    I can see the issue. The default embed methods are designed in such a way that the script tries to resize the form to fit the page. However, the issue is that you have multiple forms on your page executing at the same time, and the main (visible) form hears from other forms which are hidden at that time that the height should actually be zero.

    To fix this issue, I would advise you to please try re-embedding your forms by using the iFrame embed method instead, but please make sure that you leave out the scripts from the iFrame code that is presented to you.

    For example, you would embed only the code presented in green, and leave out the script presented in orange.

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotformpro.com/form/1234567890" frameborder="0" style="width:100%; height:1879px; border:none;" scrolling="no"></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 > 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>

    Please let us know if this helps solve the issue for you.

  • Profile Image
    Wingzy
    Answered on July 02, 2015 at 11:23 AM
    Hi Boris, yes it seems to be working correctly without the scrip code!

    Thanks a billon

    ciao

    Ingrid

    ...
  • Profile Image
    Boris
    Answered on July 02, 2015 at 11:31 AM

    You are kindly welcome, Ingrid, I am very glad to hear that it seems to be working now.

    Please don't hesitate to contact us again should you experience any other issues with your forms, we will be happy to help. :)