JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
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.
Form not displaying properly. Wrong iframe height calculationAsked by Graham Hoare on September 08, 2015 at 06:13 PM
You have been dealing with this form not working:
I have put the form here with no css, html, js or anything else other than your script:
Here is a png of your form not working there:
So far you have blamed us, blamed the website and asked us to delete parts of our website, we are getting slightly sick of excuses. Please sort your software so we can use it on the most basic of pages.
thanks you Graham Hoare
It is the iframe height that is not enough to show the entire form once all fields are shown via condition. Re-embed your form using the following iframe code with 2683px height, this should cover the entire form once they are shown through condition.
<iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://secure.jotformpro.com/form/52142131085948" frameborder="0" style="width: 100%; height: 2683px; border: none;" scrolling="no"></iframe>
This may create spacing below the form but there should be no cut off.
Let me know if this doesn't help. Thanks!
My apologies if I wasn't clear enough. You just need to embed the iframe code without the script code so the iframe height will not be changed in any way. Yes, you are right that the script included on the iframe will calculate the page height and update the iframe height once it is loaded on the browser.
Or if you want to retain the script code, use this iframe embed code with minimum height. This will prevent the script from decreasing down the minimum height requirement.
<iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://secure.jotformpro.com/form/52142131085948" frameborder="0" style="width: 100%; height: 2683px;min-height:2683px; border: none;" scrolling="no"></iframe>
Hope this information helps!