Lots of extra space added to bottom of forms?

  • Profile Image
    4rreeaall
    Asked 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!

  • Profile Image
    Jeanette
    Answered 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
    Jeanette
    Answered 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
    4rreeaall
    Answered 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!