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

    Extra unneeded / unwanted whitespace on form

    Asked by jbehring on March 12, 2014 at 07: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/ 

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

    whitespace JotForm style size height
  • Profile Image
    JotForm Support

    Answered by BDAVID 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:

    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.

  • Profile Image

    Answered by jbehring on March 12, 2014 at 10:28 PM

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

    <iframe id="JotFormIFrame" onload="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" onload="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.

  • Profile Image

    Answered by jbehring 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..

     

    Thank you,

     

    John B

  • Profile Image
    JotForm Support

    Answered by ashwin_d on March 13, 2014 at 02: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!

  • Profile Image

    Answered by jbehring on March 13, 2014 at 03: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


    ...
  • Profile Image
    JotForm Support

    Answered by abajan on March 13, 2014 at 09:22 AM

    Thanks for letting us know, John.