- natashaclassicAsked 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.
- BorisAnswered on May 27, 2015 at 06:30 AM
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.
- natashaclassicAnswered on May 27, 2015 at 07:00 AM
thank you so much!! that definitely solved my issue and it works great now if people upload many images.
Thanks for the BIG help :)
- BorisAnswered on May 27, 2015 at 07:05 AM
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.