I cannot get the form to look right on mobile phones

  • Gobooth
    Answered on September 13, 2017 06:55 PM

    Hi Guys, 

     

    I need your help.

    I spent countless hours creating a form, and I'm ready to make it live on my site... but I can't get it to look right on mobile phones.

    First of all, I'm using WIX.

    Wix has a mobile editor.. and the form just doesn't comply, everything is squished together.. making it look ugly/unusable... what are the recommendations for mobile use?

  • Welvin JotForm Support
    Answered on September 13, 2017 08:31 PM

    You seem to be using the browser emulator to view the form on a mobile device. While we also use it, it is sometimes inconsistent and unreliable. I would suggest viewing your form on a real device. 

    I've viewed the form on Android A7 and iPhone 6+, the form is showing up correctly, being responsive. Here are screenshots:

    I cannot get the form to look right on mobile phones Image 1 Screenshot 0

     

    I cannot get the form to look right on mobile phones Image 2 Screenshot 1

  • Gobooth
    Answered on September 14, 2017 09:43 PM
    Hi
    Some items aren't showing up right
    The first thing I see if the telephone number
    You can fit all 10 numbers - why? How can I fix it?
    Try filling out the form... As soon as you select one of the pictures, I
    get "stuck" I can't scroll down anymore, it gets stuck at the oicturee...
    ...
  • Gobooth
    Answered on September 14, 2017 10:43 PM
    To get unstuck, in need to pinch to zoom out a few timee..
    Also, the pictures don't resize
    Some are too large. And they don't fit on screen.

    iPhone 7 btw... Not a +
    ...
  • Charlie
    Answered on September 15, 2017 02:57 AM

    Hi,

    Regarding your concerns, below are my observations:

    "Some items aren't showing up right"

    Could you please elaborate on this? What items are not showing up?

     

    "You can fit all 10 numbers - why? How can I fix it?"

    The "Phone Number" field in your form has the "Input Mask" option enabled, which restricts the number of characters entered. 

    I cannot get the form to look right on mobile phones Image 1 Screenshot 0

     

     

    "Try filling out the form... As soon as you select one of the pictures, I

    get "stuck" I can't scroll down anymore, it gets stuck at the pictures..."

    This is most likely related to the focus on the touch, if you are touching inside the widget, then it seems like won't scroll directly on the main page. This may depend on different factors like your Wix theme current setup, a plugin, or the way how the form is embedded.

    To fix this, try re-embedding the form in different ways. 

    1. First

    I cannot get the form to look right on mobile phones Image 2 Screenshot 1

     

    2. Now if you will embed using a code, then use the iFrame embed code and paste it here. 

    I cannot get the form to look right on mobile phones Image 3 Screenshot 2

     

    3. If you will be using the "Website Address" option, then paste your form's direct link there. 

    I cannot get the form to look right on mobile phones Image 4 Screenshot 3

     

    For the issue regarding the images not resizing or showing up, I opened a separate thread for it as it seems to be related to the Image Picker widget. Please refer to this link instead: https://www.jotform.com/answers/1248485. We will address it shortly.

    Apologies for the inconvenience.