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.
Extra unneeded / unwanted whitespace on formAsked 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.
</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!
whitespace JotForm style size height
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.
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>
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.
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..
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.
Thanks for you reply. More forms are coming. I will write again if I run into a problem.
Thanks for letting us know, John.