Spacing on form

  • shorefellowship
    Asked 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. 

  • bokid
    Replied 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" onDISABLEDload="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" onDISABLEDload="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:

    Spacing on form Image 1 Screenshot 20

    Kind regards.