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.
How do I change the height on my iFrame form?Asked by ewinder on September 02, 2015 at 01:36 PM
The form I created is too long and is getting cut off, so users cannot complete their purchase. The form was embedded using iFrame, and I noticed in the forums that the easiest way to fix this is to change the height in the code. I am unable to do this through iFrame. Please help.
This is the actual page the form is embedded on: http://www.williamalleman.org/#!register-or-sponsor/c16xm
If you test it out, you will see that when you choose teams or sponsorship, the form gets longer and cut off.
iframe form height how purchase www register
You can adjust the Iframe height directly on the Iframe code, as indicated below, to match the new height of your form:
Just change the value associated with the height to suit your forms height.
Let us know if you have any further questions and we will be happy to help.
Victor M Larrea
Thank you for your response. I tried your suggested solution before asking for help, but could not get it to work. When I click on the code, all it does is highlight it.
I also tried to see if I could change the code by copying and pasting it into another program, fixing it and then pasting it back into iFrame. The problem is, JotForm will not let me paste the code back into iFrame.
Do you have any other suggestions?
To make changes to the height of the iFrame, would only need to copy the iFrame code from JotForm and paste it in your webpage where you would like to have it embedded.
You would then made the changes to the height of the iFrame before saving the code to your webpage. You would not need to paste the code into JotForm once again.
I hope this helps, please inform us if you need further assistance.
Thank you, Shadae. I will give it a try.
If I need to make edits at any point to the form, will changing the height prevent the form from being automatically updated? Or will I have to embed new code every time I make a change to the form?
You are most welcome.
Making changes to the iFrame height will not require you to re-embed the form whenever you update it on JotForm. Any changes will be automatically updated to your live form once you are not using the full source code.
Please inform us if you need further assistance.
The height for the form has been doubled, but is still cutting off. It seems like the scroll bar has disappeared too. The basic form shows up, but when you choose a team or sponsorship, the form continues to be cut off.
Please review the website the form is embedded in: http://www.williamalleman.org/#!register-or-sponsor/c16xm
It seems to me that the form's default iframe height is attempting to make up for the actual size of your form when it is fully expanded.
So even though you've changed this to a lower number that has now caused the form to become smaller than what it was which is why your form is now getting cut off per what you just mentioned to us above again.
Try adjusting the height to a bigger number again such as 2551px since that is when I noticed the submit button showed again on your form after checking this further as I had those fields chosen for the Sponsor and Team. Anything smaller will cut it off and anything too much larger would create the gap you mentioned at first.