Does my fom support mobile?

  • SHager2015
    Asked on December 23, 2015 at 12:41 PM

    Is there a way, currently, or will there be a future feature, to have our forms compatible with smartphones for a more comfortable mobile experience?

    I've created a QR code for a form and coworkers who were my guinea pigs seem to be having a hard time with the formatting.  I don't have a smartphone myself so I can't see it personally. I do have an image at the top. I just moved it to the opposite that that I originally had it on in order to have the words be the first bit that is seen on the phone (I was able to peek over someone's shoulder).

  • Charlie
    Replied on December 23, 2015 at 1:08 PM

    I checked this form https://www.jotform.us/form/51475270777160, and the I noticed that the last field is not properly setup, it say's "Please run the wizard".

    Does my fom support mobile? Image 1 Screenshot 50

    If that's the QR widget, please remove it and re-add it again to get the most up-to-date version.

     

    To make your form mobile responsive, there are two ways to do this:

    Method 1 - Enabling the mobile responsive options in your Form Designer Tool and in the preferences. Here's a guide that you can follow: http://www.jotform.com/help/311-How-to-make-Forms-Mobile-Responsive 

    Method 2 - Adding the mobile responsive widget in your form.

     

    If you do not have a mobile device to test, you can use the desktop browser to see if the form is adjusting it's layout based form the screen size, here's a screencast on how I checked the mobile responsiveness of your form:

    1. Visit your form's URL in a new tab, right click on an empty space and choose "Inspect".

    Does my fom support mobile? Image 2 Screenshot 61

     

    2. An advance setup or display for developers will show up at the bottom, click on the option pointing at the screenshot and choose "Dock on Right".

    Does my fom support mobile? Image 3 Screenshot 72

     

    3. It will then move the advance setting at the right side, now on the scroll bar, hold and drag the size of the form's window to see how responsive it is. 

    Does my fom support mobile? Image 4 Screenshot 83

     

    This method above will not give you a 100% accuracy on how the form will be displayed on a mobile device, each mobile device will display the responsiveness of the form's layout depending on how the mobile's browser reads or interpret its design.

    I hope that helps.

  • SHager2015
    Replied on December 23, 2015 at 1:25 PM

    Thank you so much for your quick response and solution! I tried method 1 and was able to snag another guinea pig and it seems to have worked. :-)

  • Jan
    Replied on December 23, 2015 at 2:11 PM

    Glad to hear that it worked. Thank you for updating us. On behalf of Charlie, you're welcome. Let us know if you need any help.