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.
My form is cut off at the bottom on desktop + mobile on SafariAsked by elysejankowski on January 08, 2016 at 03:17 PM
I added the mobile responsive widget to this form - https://form.jotform.com/53404247449154
I then added the iFrame code to a Wordpress blog post. When I visit it on my Mac (Safari) and iPhone, the bottom of the form is cut off - http://www.elysejankowski.com/share-your-story-win-free-wedding-photography/
This issue happens after deleting the mobile responsive widget on the form as well. It's only showing correctly on Firefox for me right now. Please help!
^ How it looks on Firefox - correct
^ How it looks on Safari on desktop and iPhone - bottom cut off
mobile responsive iframe code form height
Thank you for contacting us.
The form height appears to be correct on Safari and Chrome on my side, but I was able to reproduce the issue using a mobile device.
Could you please try embedding with a JS embed code instead? We have a guide available here:
If this does not help, please let us know.
When I got home today, the iFrame was cut off on the bottom on Safari (desktop) again. Tried the JS code, same issue. Went back to iFrame, still same issue :(
Please help! I really want to announce my special contest tomorrow and create an advertisement for it, but I can't drive people to a page where they can't see the whole form.
In this case you may try to manually set an iFrame height. In order to do this, remove an auto height script that is following the iFrame code, and then increase the iFrame height value.
<iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotform.com/53404247449154" frameborder="0" style="width:100%; height:2000px; border:none;" scrolling="auto"></iframe>
Please give it a try and let us know if you need any further assistance.
Hooray! That worked, thank you :)
On behalf of my colleague, Mike, you're most welcome! Please feel free to contact us every time you have questions or concerns about your Jotform account and we will be glad to help you.