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.
iFrame code not showing entire form when hidden fields are displayedAsked by alak12 on August 03, 2015 at 01:37 PM
I have a form that has worked well for several hundred submissions, however, now it isn't showing all of the fields when fields that are initially hidden are displayed after certain options are selected. At first I thought it was an issue with my web host. I have contacted them and their response is that there is some code within the iFrame code that is over riding the height parameter. How can I go about fixing this so that I can display the form embedded in my website, without the scrolling bars?
The form can be seen by going to:
Unfortunately, the iFrame embedding method does not come with an auto-height option to resize the form container when conditions are met.
Have you tried our Embed JS code? It resizes the form automatically.
Although, the Embed code may conflict with other scripts of the web page in some cases. If this is not going to work, we will need to work with the size of the form iFrame on your page.
Thanks for your response. Previously I was having trouble with the Java embed showing the form and another support person told me to use the iFrame code. With this particular form, I have tried to adjust the height and haven't had any luck. That's when I turned to my webhost support people thinking the issue was on their end. However, they were also unsuccessful in adjusting the vertical height code to make it work.
Any ideas on what could be causing the parameter to be over ridden?
The iFrame height is affected by a script that follows the iFrame code. You can either remove the script, or simply add an !important declaration to the height style.
<iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotformpro.com/form/52155607278964" frameborder="0" style="width:100%; height:2500px !important; border:none;" scrolling="no"></iframe>
It should set a static height of the iFrame. Let us know if you need any further assistance on this.