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.
White space below the formAsked by chriselliott on July 28, 2014 at 08:52 AM
I'm having issues with white space in Safari & Chrome at the end of my forms. Could you please check my code below for errors. By browser is set to 100%
I'm using iframe within Wordpress. Here's the link below
<iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotformeu.com/form/41872997617371" frameborder="0" style="width:100%; height:100%; border:none;" scrolling="no"></iframe>
style height message
That is your form's actual height. Since you are using the iFrame method which has a fixed height value.
You can adjust the height in the iFrame embed codes and set the scrolling to "YES" so when the form expands, a scrolling will appear to the form allowing you to scroll down to the bottom.
Your iFrame embed codes:
<iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotformeu.com/form/41872997617371" frameborder="0" style="width:100%; height:8828px; border:none;" scrolling="yes"></iframe>
The highlighted codes for the scrolling property.
Thanks Welvin for the quick response.
I tried adjusting the iframe height and scroll option but nothing changed. I'm now using the JAVA default option and all works fine.
Can I remove the white space at the top of the form. I would like it to appear level with the top of the Car seat image?
Yes, you can. Inject the following custom CSS codes to your form:
margin-top: -40px !important;
Follow this guide to inject: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes. Unfortunately, we can only adjust it using this size. If you decrease it more, the form header will be hidden to the page. This is because the top part is controlled by the other element of your website. This is how it looks like when you adjust it more:
Brill that worked a treat. Thanks for the help!
On behalf of my colleague you are very welcome. Please let us know if you have any other questions and we will be happy to help.
Thank you for using Jotform!