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

    My form gets cut off at the bottom!

    Asked by cathysueru on July 29, 2015 at 01:29 PM

    Hello - I am using a jotform for a rental application on my website hosted by godaddy.  The bottom of the form is cut off so that applicants cannot see payment instructions or click the "submit" button.  I am using iframe code.  

    Page URL:
    http://www.rpstl.com/online-application.html

    Screenshot
    cut JotForm iframe code hello form is cut
  • Profile Image
    JotForm Support

    Answered by Charlie on July 29, 2015 at 02:34 PM

    Hi,

    It seems like the problem is that your pages on your form has different height.

    If you use the iFrame code you could try setting a fixed height of it and remove the <script> code.

    Here's an example.

    When you first copy the iFrame embed form code, this is how it looks like:

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

     

    Now remove all the bold parts shown above and use the code wrapped in <iframe> tag. This is the final code that you'll use, however, make sure to adjust the height value.

    <iframe id="JotFormIFrame" allowtransparency="true" src="//form.jotformpro.com/form/52094760219961" frameborder="0" style="width:100%; height:1014px; border:none;" scrolling="no"></iframe>

     

    However, please do take note that you'll set a fixed height on this. If you wish your form to automatically adjust the height, you could try using the default embed code instead.

     

    I hope that helps.