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.
Remove huge space on the bottom part of my formAsked by shorefellowship on July 16, 2015 at 01:15 PM
This form has some conditions on it that show fields. Is there any way to eliminate the spacing at the bottom? Spacing with forms seems to always be an issue on our site.
form spacing huge spage wordpress
That is due to the iframe height. Iframe height is fixed and does not dynamically changed depending on the form content. So if you are going to reduce the height of the iframe, the form may not show the condition fields when they are triggered.
However, this shouldn't be the case when you are using the default script embed code. Is there any particular reason why you are using iframe over script embed code?
I would suggest to try the script embed first, this automatically adjusts the height of the form when there conditional fields shown. If this is causing script conflict issues, let us know so we can assist you further.
The reason I've been using iFrame is because the other has not worked on our site. We are using WordPress. I will try again but I believe that iFrame is the only way the forms will work on our site.
I downloaded the second option, the JotForm generator for WP and it doesn't work. I set it up with our account and put a form on and I see nothing. We do use jot form a lot but this issue is frustrating.
Here's an updated guide for JotForm users who embedded their form in Wordpress: http://www.jotform.com/help/324-A-Guide-To-Forms-For-WordPress-JotForm-Users. Some of the method is already mentioned by my colleague above, but please do check if the updated guide helps you.
When using a plugin, make sure that you disable the first one you used before using the other.
If I may also suggest, if it's okay with you to use a scroll option in your form, you can try enabling it in the iFrame instead: Here's an example:
<iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotformpro.com/form/42105176348957" frameborder="0" style="width: 100%; height: 701px !important; border: none; opacity: 1; visibility: visible;" scrolling="auto"></iframe>
Try setting it to "auto" so it only appears when needed.
Apologies for the inconvenience.