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

    Lots of extra space added to bottom of forms?

    Asked by 4rreeaall on June 06, 2014 at 04:51 PM

    I just noticed that one of my forms suddenly has a lot more extra space at the bottom of it, and it previously didn't have this issue. I checked another form, and the same thing is happening. I believe this only started occuring in the last couple days.

    How do I prevent the extra space at the bottom of my forms? I didn't change anything with the iframe code recently and I haven't edited the form in some time.

    You can see the extra space on the form at www.VegasCashFlows.com

    Thanks!

    Page URL:
    http://www.VegasCashFlows.com

    extra space My Forms iframe code another form
  • Profile Image
    JotForm Support Manager

    Answered by Jeanette on June 06, 2014 at 06:25 PM

    You must adjust the height:

    <iframe scrolling="no" frameborder="0" style="width:100%; height:600px !important; max-height:610px !important; border:none;" src="//form.jotform.us/form/40898692594172" allowtransparency="true" onload="window.parent.scrollTo(0,0)" id="JotFormIFrame"></iframe>

    You can adjust the height to your convenience. You can even set scrolling value to "yes" rather than "no"

    If the problem persist, then please remove the script portion which came along with the original IFrame code from the builder:

    <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;}};if (window.addEventListener) {window.addEventListener("message", handleIFrameMessage, false);} else if (window.attachEvent) {window.attachEvent("onmessage", handleIFrameMessage);}</script></div>
    Do get back us for further help, we are always here to assist you.
  • Profile Image
    JotForm Support Manager

    Answered by Jeanette on June 06, 2014 at 06:27 PM

    Just rectifying , you must set the max-height number as in the height number value

    <iframe scrolling="no" frameborder="0" style="width:100%; height:600px !important; max-height:600px !important; border:none;" src="//form.jotform.us/form/40898692594172" allowtransparency="true" onload="window.parent.scrollTo(0,0)" id="JotFormIFrame"></iframe>

  • Profile Image

    Answered by 4rreeaall on June 09, 2014 at 08:44 PM

    I replied right to your answer right away, but I don't know why it didn't go through.

    Thank you very much for your help! It certainly worked.

    One more question:

    Is there a way to get rid of the padding between the top of the form and the beginning of the text ("Free Investment Info")? I would prefer not to have so much space there.

    Thanks again!