How can I disable the zoom effect on mobile devices while filling out the form?

  • klausdyba
    Asked on February 3, 2017 at 9: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??

     

     

    klaus

  • Kevin Support Team Lead
    Replied on February 3, 2017 at 11:30 AM

    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. 

    How can I disable the zoom effect on mobile devices while filling out the form? Image 1 Screenshot 20

    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. 

  • klausdyba
    Replied on February 3, 2017 at 12:08 PM

    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.

  • BJoanna
    Replied on February 3, 2017 at 2:14 PM

    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: 

    How to make mobile friendly forms on JotForm

    Feel free to contact us if you have any other questions.