How to make form mobile-responsive?

  • WV201
    Asked on January 26, 2017 at 3:02 PM

    Our form works fine for computer users, but not for cell phone users.  I thought I remember there being a option to make it cell phone compatible somewhere, but I can't seem to find it.

     

    Jotform Thread 1047793 Screenshot
  • David JotForm Support Manager
    Replied on January 26, 2017 at 4:09 PM

    Please try adding the Mobile Responsive widget: https://widgets.jotform.com/widget/mobile_responsive 

    Let us know if you need more help.

  • WV201
    Replied on January 26, 2017 at 4:51 PM

    Ok, I added the Widget, but all it did is put in a field that says "please run the wizard" How to make form mobile responsive? Image 1 Screenshot 20

  • Chriistian Jotform Support
    Replied on January 26, 2017 at 6:27 PM

    Hi there,

    The "Please run the wizard" text in the form was not related to Mobile Responsive widget. You can remove it.

    As per checking your form in mobile view, it is actually mobile-responsive except that the field Previous Pets which is a Configurable List widget is too wide because it has 5 columns with long header words that cannot be compressed to fit the width of a mobile screen.

    How to make form mobile responsive? Image 1 Screenshot 20

     

    My suggestion is that you use shorter words in the Configurable List or add word breaks or white spaces b/w words like changing "Spayed/Neutered" to "Spayed or Neutered" so the words would wrap and thereby reduce the width of its container cell.

     

    If you need further assistance, let us know.

    Regards.