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

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

    Asked by fotobaren_ on July 20, 2016 at 07:19 PM

    Hi,

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

    http://www.fotobaren.no/foresporsel-bedrift-fotobaren/

    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...

    Page URL:
    http://www.fotobaren.no/foresporsel-bedrift-fotobaren/

    scroll hidden iframe height
  • Profile Image
    JotForm Support

    Answered by jonathan 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 https://www.jotform.ca/form/61545028829259 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 by fotobaren_ on July 21, 2016 at 10:25 AM

    The embed option don't work on my site.

  • Profile Image
    JotForm Support

    Answered by KadeJM 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="https://form.jotform.com/61545028829259" 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 = 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; } 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 by fotobaren_ 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
    JotForm Support

    Answered by KadeJM 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.