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.
iFrame embedded form is getting cut off after uploading multiple filesAsked by natashaclassic on May 27, 2015 at 05:55 AM
I have embedded a form onto our website using iframe.
In the form, we have a button to upload multiple images. However, if a client uploads numerous images, it makes everything below this field get cut off at the bottom of the webpage - see screen shot below:
Initially when you open the webpage, you can see right to the bottom of the form including the submit button. But as you upload images, the submit button moves further down the page and gets cut off.
Please see below the screen shot image - it now ends by 'How did you hear about us' and you cannot enter the text or submit the form.
cut Getting JotForm uploads png
I can see the issue that you have reported, and I would like to apologize for the inconvenience.
Please try increasing the height of your iFrame, from the current:
<iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.myjotform.com/form/51462049392557" frameborder="0" style="width:100%; height:1489px; border:none;" scrolling="no"></iframe>
To the new, larger height:
<iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.myjotform.com/form/51462049392557" frameborder="0" style="width:100%; height:1700px; border:none;" scrolling="auto"></iframe>
You could also change the scrolling="no" to scrolling="auto", so that your form would create a scrollbar if its content became longer than the iFrame, but this may look a little unsightly on such a beautifully designed website.
Please let us know how it goes.
thank you so much!! that definitely solved my issue and it works great now if people upload many images.
Thanks for the BIG help :)
You are kindly welcome. :)
Please don't hesitate to contact us again if you have any other questions or problems with your forms, we will be happy to help.