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.


  • Profile Image

    Wishbox broken on mobile devices due to zooming

    Asked by Tsaukpaetra on November 28, 2013 at 01:13 PM

    The display breaks using a mobile device on a page that uses the Wishbox form. This is caused when the browser zooms in when entering one of the text fields on the form. The display zooms, and the form attempts to adjust, but it can't do it properly (probably the canvas doesn't resize and move out of the way like it should.

    I think this is a layout issue. Since the form attempts to maintain a certain size and location on the page relative to the viewable window position, it won't allow proper focus to the input fields.

    You can see it happen on the demo page as well as my page. http://jotform.com/wishbox

    This happens even on non-mobile browsers that open the form, and then resize the browser window smaller.

    Page URL:
    http://tsaukpaetra.com:8000/ywriter/main.php?test

    Mobile JotForm size layout
  • Profile Image
    JotForm Support

    Answered by Welvin on November 28, 2013 at 01:56 PM

    Hi,

    Simply Add this Meta Data to your webpage. Add this inside your head tags:

    <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />

    <meta name="viewport" content="width=device-width" />

    This should disable zooming on your webpage specially when typing to the wishbox fields. Please update us for the results.

    Thanks

  • Profile Image

    Answered by Tsaukpaetra on November 28, 2013 at 07:10 PM

    It does seem to work as far as zooming is concerned. The form still doesn't scroll properly though, for instance I can't click the orange Submit button here, since I can't scroll the form.

    Screenshot

  • Profile Image

    Answered by Cesar on November 29, 2013 at 12:26 AM

    I have been able to replicate the problem you describe, both on a desktop browser resizing the window, and on an Android device. Due to this, I will go ahead and setup a ticket describing the matter, so that the Development Team can evaluate the proper steps to take

    Once we have an update from the development tool. We will let you know through this thread. Thank you.