Lots of extra space added to bottom of forms?

  • 4rreeaall
    Asked on June 6, 2014 at 4: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!

  • Jeanette JotForm Support
    Replied on June 6, 2014 at 6: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" onDISABLEDload="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.
  • Jeanette JotForm Support
    Replied on June 6, 2014 at 6: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" onDISABLEDload="window.parent.scrollTo(0,0)" id="JotFormIFrame"></iframe>

  • 4rreeaall
    Replied on June 9, 2014 at 8: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!