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.
How can I disable the zoom effect on mobile devices while filling out the form?Asked by klausdyba on February 03, 2017 at 09:44 AM
Hello! When I add information by dropdown fields etc, the phones input fields pop up. Doing so, the whole form moves to the left/zoom and I have to resize the screen again. is it possible that it stays in place??
Do note that the zoom effect does not have anything to do with JotForm, this is a default functionality of webpages while being loaded on mobile devices, this is for those pages that are not mobile responsive, the zoom effect helps to properly view the fields while filling them out.
However, it can be changed and avoid the page to have the zoom effect on mobile devices, what you need to do is to add this meta tag between the <head> tags of your webpage:
<meta name="viewport" content="user-scalable=no" />
I have cloned your form and embedded it in two different webpages to show you hos this works, here's the webpage where the form does not zoom while being filled in a mobile device: http://shots.jotform.com/kevin/Content/Samples/disabledzoomonmobile/
Here's the webpage where the form does zoom, without the meta tag added to it: http://shots.jotform.com/kevin/Content/Samples/disabledzoomonmobile/Zoom.html
Hope this helps.
Your support ist just awesome!! Well it works, but the site is not responsive at all on mobile in general... i think i cant miss that and have to live with it.
If your website is not responsive you can provide your user link of your form and you can add link of your form to your webpage. This way your user will be able to use your standalone form. You can make your form responsive by following steps provided inside of this guide:
Feel free to contact us if you have any other questions.