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.
With multiple upload files the submit button disappears due to an iFrame height issueAsked by gracelandpb on June 10, 2015 at 12:58 PM
On many of our form, we have the option to upload files - as photos are needed with some of the forms. When more than four or five files are uploaded, the "Submit Form" button at the bottom of the page disappears. It seems that it is moving down the page as the uploaded files are uploading, but when it gets to a certain point, it is gone and the form is unable to be submitted, what could I do to fix this issue?
In the attachment, you can see that the button is close to being too far down the page.
I tested the form and the submit form moves as I add a new file:
Is this form embed on a website? If so please let us know the site url so we can run further tests.
Let us know if we can assist you further.
Yes, the form is embedded at this URL - http://www.gracelandportablebuildings.com/repo-clean-out-form. (I am not sure if you will be able to see it, as it is in a secure part of the website that various individuals in our company use.)
I believe it is the way it is embedded, but haven't figured out what may fix it.
As you can see in the photo, the bottom part of the form disappears - the text is begin cut off and the submit button is gone.
I was not able to see the form. It is most likely that the form is currently embedded with an iFrame code. Unfortunately, the form iFrame cannot adjust its height automatically.
As a work around, you can manually set (increase) the iFrame height.
Please see the next animation:
<iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotformpro.com/form/51615830041950" frameborder="0" style="width:100%; height:792px; border:none;" scrolling="no"></iframe>
<iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotformpro.com/form/51615830041950" frameborder="0" style="width:100%; height:950px !important; border:none;" scrolling="no"></iframe>
You can set any value in pixels.
Please give it a try and let us know if you need any further assistance.
Thank you, thank you! I was able to fix the issue with your solution of increasing the height.