Making form mobile responsive

  • zerlenerogers
    Asked on February 21, 2017 at 12:47 AM

    Good Evening Jotform Family,

    Why aren't we able to to add the Mobile Responsive widget to the forms with the new version? Since the option is no longer available, I was under the impression that the forms would automatically be formatted but that is not the case. This is the 2nd time that I've had to make the same request but on different accounts. Can this option be made available again please?

     

  • Chriistian Jotform Support
    Replied on February 21, 2017 at 1:53 AM

    Hi,

    The new version of the form builder allows the form to be mobile responsive already so it is no longer necessary to add the widget on your form. The form itself is already mobile responsive.

    However, if you encounter any issues, please let us know.
    Regards

  • zerlenerogers
    Replied on February 21, 2017 at 6:26 PM

    Hey Jotform Family, 

    That's what I assumed when I no longer could find the Mobile Responsive widget. However, my form is not formatting to the phone as in the past.

    Please see the attached image.

    Its getting cut off on the sides.Making form mobile responsive Image 1 Screenshot 20

  • cmarocks
    Replied on February 21, 2017 at 7:57 PM

    I have the same issue-my form is cutting off on mobile devices. My form was created in version 3, but has been migrated I suppose; but now I cannot add the widget nor is the form responsive on my Iphone 7. Thanks for any assistance you can provide us!

    https://form.jotform.com/53077805528966

    Making form mobile responsive Image 1 Screenshot 20

  • Chriistian Jotform Support
    Replied on February 21, 2017 at 9:16 PM

    Hi @cmarocks

    To better assist you, I have moved your concern to a separate thread. Please follow this link to view your thread: https://www.jotform.com/answers/1072626 

    Thank you.

  • Chriistian Jotform Support
    Replied on February 21, 2017 at 9:22 PM

    Hi @zerlenerogers,

    Please inject the custom CSS code below into your form to resolve the issue with the images on your form. Here's our guide on How to Inject Custom CSS Codes in v4.

    img.form-image {

        width: 100%;

        height: auto;

    }

    Making form mobile responsive Image 1 Screenshot 20

    If you need further assistance, please let us know.
    Regards.

  • zerlenerogers
    Replied on February 22, 2017 at 12:19 AM

    Thank you Chriistian, that solved the problem. Do I need to insert this code every time my forms do not format correctly from now on?

  • Chriistian Jotform Support
    Replied on February 22, 2017 at 1:36 AM

    If the form was originally created on JotForm builder version 3 and it still not mobile responsive, you need to insert a custom CSS to your form to make it mobile responsive. But if the form was created on the latest version of JotForm Builder (V4), it should be mobile responsive already.

    If you need further assistance, do let us know.
    Regards.