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.
How do I get the iframe to increase the height automatically?Asked by iflystudios on April 21, 2012 at 02:42 PM
If you go to the URL I provided, if a user skips all fields and all error messages are displayed, the submit button at the bottom dissapears because th eheight is not increasing.
I tried setting height to auto, but it didn't work.
To replicate what I'm seeing, click on all fields that are requried and don't fill out any information. Let the error messages display and you'll see what I'm talking about.
Any help is much appreciated.
Here's the guideline on how to get iFrame Code: http://www.jotform.com/help/148-How-to-get-your-Form-s-Iframe-Code
Feel free to contact us anytime if you need further assistance.
The iframe does not increase in height when the error messages display. Please see above notes.
Since by default the scrolling attribute of iFrames is set to auto (meaning that scrollbars will appear if necessary and otherwise will not), the best solution I can currently suggest is to remove scrolling="no" from the embedded form's iFrame. I know that you really want the iFrame's height to be flexible and expand as needed but that may be a tall order, no pun intended.
Hmm, I'm not a big fan of the scroll bar option...
I added some custom CSS to set a fixed height and it seems to do a pretty good job: