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

    The page next button gets cut off as new fields are shown on the form

    Asked by sunshine2127 on July 28, 2015 at 02:25 PM

    Help!  This is causing a serious delay in registration!

    Kathy James



    Page URL:

  • Profile Image

    Answered by AaronSiciliano on July 28, 2015 at 02:55 PM

    Could you let me know which form you are referring to. And if possible a link to it in use on your website so I can replicate the problem.

  • Profile Image

    Answered by sunshine2127 on July 28, 2015 at 03:34 PM
    I am referring to the Waitlist Application 2015/2016
    It is found under the Enrollment Tab on our website at
    Thanks so much!
  • Profile Image

    Answered by Ben on July 28, 2015 at 05:12 PM

    I found this form: http://form.jotform.us/form/50264649781160 under this page: http://www.americanleadership.net/apps/pages/index.jsp?uREC_ID=216250&type=d&pREC_ID=683277 (Enrollment -> 2015-2016 K12 Waitlist Application)

    Now, I took a look at the form and I see that as you have some field shown or hidden, the forms height does not change so the page next button becomes cut off and it does not matter what is the field, as soon as enough new fields get shown, it is pushed further down.

    Now if you do not mind the scrollbars, simply changing the iframe code from scrolling="no" to scrolling="yes" would resolve this issue.

    However since I presume that you do not want to have the scrollbars shown, I would suggest increasing the height of your iframe to be higher than needed - this would then show the form without the scrollbars, but it would take a bit more space than needed at some times.

    I would also like to ask you if you can try and add the following code to your website to see if it works:

    <iframe frameborder="0" scrolling="no" style="width: 100%; height: 1430px; border: medium none;" src="//form.jotform.us/form/50264649781160" 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 > 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>

    Do let us know how it goes.