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.
How do I make mobile responsive forms scroll down?Asked by GeoArm on August 23, 2016 at 09:33 AM
My form is getting cutoff (vertically) before the ending. The form seems to be mobile responsive, with regards to horizontal layout but not in terms of vertical layout.
There is no way to scroll-down to the bottom of the form to fill out all the required information.
Please help me.
Could you re-embed your form as you see below:<iframe id="JotFormIFrame-42720322140943" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotform.com/42720322140943" frameborder="0" style="width:100%; height:1757px !important; border:none;" scrolling="yes"> </iframe>
If this does not resolve the issue, please let us know and we will be glad to take another look.
I will gladly test the recommendation.
I have a lot of forms on my website, all with the same mobile responsive error of not vertically scrolling.
I noticed that you defined a certain height (1757px) for this form. Is the 1757px the recommended setting for height, no matter how long the form is?
No, the height of the form may vary from form to form and it is required to change the height for each form separately. However, if you are using the complete iframe embed script of the form, the height should be automatically adjusted on the web page without making any changes to the code.
Please refer to the guide below to get the iframe embed code for your JotForm:
Please try embedding the full embed script and see if that works. If you see any issues due to script conflict on your web page, you may then remove the <script></script> section from the embed code and adjust the height manually.
Hope this information helps!