Top of second page of multiple page form is cut-off on the embedded form

  • Profile Image
    Asked on July 20, 2016 at 07:19 PM


    I'm using a form with multi pages. But when loading the second page, the top of form is hidden by the top menu.

    Is there a way so set a scroll down for the second page and more? And can do it for the first page, but it doesn't keep it when loading the second page...

  • Profile Image
    Answered on July 20, 2016 at 10:26 PM

    I was able to see the problem as well when I test the form on your website.


    I think the auto height of the iframe of the embedded form was causing the shifting.

    Can you try first re-embed process. Remove the currently embedded form on the website. And re-embed it using instead its script embed code. 

    Check if this make any difference. Let us know how it goes.

  • Profile Image
    Answered on July 21, 2016 at 10:25 AM

    The embed option don't work on my site.

  • Profile Image
    Answered on July 21, 2016 at 11:36 AM

    Do you mean you tried the iframe embed option that jonathan mentioned first and it didn't work?

    Were you using the entire iframe code including the script that goes with it?

    If so I would suggest trying just the iframe itself and see if that makes any difference.


    So in your case use only this:

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


    And leave out this part:

    <script type="text/javascript"> window.handleIFrameMessage = function(e) { var args =":"); var iframe = document.getElementById("JotFormIFrame"); if (!iframe) return; switch (args[0]) { case "scrollIntoView": iframe.scrollIntoView(); break; case "setHeight": = args[1] + "px"; break; case "collapseErrorPage": if (iframe.clientHeight > window.innerHeight) { = window.innerHeight + "px"; } break; case "reloadPage": window.location.reload(); break; } var isJotForm = (e.origin.indexOf("jotform") > -1) ? true : false; if(isJotForm && "contentWindow" in iframe && "postMessage" in iframe.contentWindow) { var urls = {"docurl":encodeURIComponent(document.URL),"referrer":encodeURIComponent(document.referrer)}; iframe.contentWindow.postMessage(JSON.stringify({"type":"urls","value":urls}), "*"); } }; if (window.addEventListener) { window.addEventListener("message", handleIFrameMessage, false); } else if (window.attachEvent) { window.attachEvent("onmessage", handleIFrameMessage); } if(window.location.href && window.location.href.indexOf("?") > -1) { var ifr = document.getElementById("JotFormIFrame"); var get = window.location.href.substr(window.location.href.indexOf("?") + 1); if(ifr && get.length > 0) { var src = ifr.src; src = src.indexOf("?") > -1 ? src + "&" + get : src + "?" + get; ifr.src = src; } } </script>

  • Profile Image
    Answered on July 21, 2016 at 12:11 PM

    Doesn't work. This just cut my form on the second page. Even if I adjust the height:539px to 1000px (doesn't cut... but scroll down)

  • Profile Image
    Answered on July 21, 2016 at 12:25 PM

    Thanks for the update about that and also for trying though I do apologize it didn't work for you.

    Please allow us some time to try to investigate this further and we'll update you again as soon as we know some more about what is going on to help with resolving this problem.