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

    Forward and Back Tabs

    Asked by utvmasters on July 07, 2015 at 01:12 PM

    I am trying to see if there is a way to complete 2 items

    1) Clicking the next tab only takes you to the bottom of the form on the next page. is there a way to get to the top of the form?

    2) When clicking back on a form not all of the info is retained and requires inputting it again



    Page URL:

  • Profile Image

    Answered by KadeJM on July 07, 2015 at 02:24 PM

    To my understanding you appear to be having two different issues with your form so lets go ahead and take a look at your first issue on this thread here involving form going to top of the next page.

    And as for your secondary issue with retaining the information I have moved that over here so that we can look at it separately.

    Anyhow though, I checked the next page going to the top of the page after clicking "next button" and I noticed on your standalone form this is working properly which usually means it's not the form causing the issue.


    However, when I checked this again on your embedded form I noticed this was the opposite and I can confirm that there it doesn't go to the top of the next page like it should. I believe there's a conflict or something may be missing that would make it function properly.

    It appears you are using just the iframe. 

    Can you try using the iframe + script to see if that makes any difference?


    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://secure.jotform.us/form/51756786960168" frameborder="0" style="width:100%; height:12451px; 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>

    Alternatively, you could try modifying the iframe code and adding ' #top ' to the end of it if the first way doesn't work.


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




  • Profile Image

    Answered by utvmasters on July 07, 2015 at 05:13 PM
    Great thank you all works perfect now