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

    Spacing on form

    Asked by shorefellowship on April 22, 2015 at 11:09 AM

    Not sure why ever jot form that gets embedded on our site has ridiculous spacing issues.  I cloned a form that displays fine (after much help) on another page on our site and when I embed it on another page, it has a huge amount of spacing at the bottom.  

    Here's the page that I'm referring to http://augustrushconf.com

    Why does this always seem to be an issue?  When I use the visual editor I eliminate all the padding and spacing and it still shows up this way.

    Please help. 

    Page URL:
    http://augustrushconf.com

    site all and amount
  • Profile Image

    Answered by bokid on April 22, 2015 at 11:21 AM

    Hello shorefellowship.

    This spacing issue is due to the height of the iframe you are embedding. This is the HTML code that you have embedded into your page:

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

    Please note that the height of the iframe is set to 487px. If you reduce the height, it should display with less blank space:

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

    After the change, your form should display like this:

    Kind regards.