Extra unneeded / unwanted whitespace on form

  • jbehring
    Asked on March 12, 2014 at 7:05 PM

    Hello! Anyone know how I can get rid of the white space below my form? : ) Here is my code below.

    https://quotez.me/home-quote/

    and

    https://quotez.me/auto-quote/

     </span><strong>height:100%</strong>; border:none;"<span> </span><strong>scrolling="auto"</strong>>

     

    Even though I changed these attributes in bold. The height automaticly assigns itself when I reload the page.

    The extra whitespace on the form seems to size itself to the longest page of the multi=page form. If I could reduce the white space it would make the page look much better.

    Any help would be great!

    Page URL:
    https://quotez.me/home-quote/ 

  • David JotForm Support Manager
    Replied on March 12, 2014 at 10:10 PM

    Hi, in order to remove that extra space you will need to change the height of the embedded code you copy and paste in your web page:

    Extra unneeded / unwanted whitespace on form Image 1 Screenshot 20

    You can leave it at "500px", currently it is at "771px", let us know if you have more questions, we will be glad to assist you.

  • jbehring
    Replied on March 12, 2014 at 10:28 PM

    Here is my current settings. I have the form set like this.

    <iframe id="JotFormIFrame" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://secure.jotform.us/form/40541781825153" frameborder="0" style="width:100%; height:537px; border:none;" scrolling="no"></iframe>
    <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>

     

    But when I check the element inspector it shows me this.

    <iframe id="JotFormIFrame" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://secure.jotform.us/form/40541781825153" frameborder="0" style="width: 100%; height: 771px; border: none;" scrolling="no"></iframe>

     

    Any ideas? Thank you for your first response.

  • jbehring
    Replied on March 12, 2014 at 10:35 PM

    I found a way to add less space but it is kind of cheating. For some reason it seems that the forms minimum dimension is the longest page (section) of the form. For my form it was the last page. It is much longer than the others. I split the last page into two pages. I hope this doesn't bother people filling out the form. If there is another way to remove white space I would really like to know..

    Extra unneeded / unwanted whitespace on form Image 1 Screenshot 20

     

    Thank you,

     

    John B

  • Ashwin JotForm Support
    Replied on March 13, 2014 at 2:37 AM

    Hello John,

    Upon checking your web page, I found that you have already changed your form by adding a page break. For us to be able to investigate, the old format of form needs to be embedded on your web page. This would help us figure out why it shows the white space. Form will direct URL will not replicate the issue.

    Right now your form embedded n your web page seems to appear just fine.

    Thank you!

  • jbehring
    Replied on March 13, 2014 at 3:20 AM

    Hi Ashwin,

    Thanks for you reply. More forms are coming. I will write again if I run into a problem.

    Thank you,

    John


    ...
  • abajan Jotform Support
    Replied on March 13, 2014 at 9:22 AM

    Thanks for letting us know, John.