Making Forms Responsive

  • DocUBuy
    Asked on September 30, 2014 at 6:40 PM

    Im having many issues with understanding the parameters for injecting CSS in a form to make it responsive. I have read JotForm posts on this and still cant seem to get it right. I wish there was some type of better documentation on this in laymens terms, or a feature module that would simply automate the process and do it. Can you please explain to me how I can make the form in this page (uses a Jotform) to be responsive on iphones, ipads and other similar smartphones and tablets?

    http://doc-u-buy.com/Home/Contact

     

  • rehcgt
    Replied on September 30, 2014 at 8:18 PM

    Hi,

    I see that you’re using an iframe to display your form. Therefore you need to add CSS code in your view not in the form, since the view is the one that controls the behavior of the iframe when it’s rendered on mobile devices.

    There’s a good article that you can find here, that shows how to make an embedded iframe (which is your case) responsive.

    Please take a look at it and if you have any questions, please post them here.

     

    Best Regards.

  • Welvin Support Team Lead
    Replied on September 30, 2014 at 11:36 PM

    Hi,

    We have a few options to make your form mobile responsive. 

    1. Add the mobile responsive widget to your form: http://widgets.jotform.com/widget/mobile_responsive. Here's How-to-Add-a-Widget-to-your-Form. OR

    2. Use our mobile theme:

    Making Forms Responsive Image 1 Screenshot 30

    Or

    3. Enable Mobile Responsiveness to your form settings:

    Making Forms Responsive Image 2 Screenshot 41

     

    Let us know if you need any further assistance.

    Thank you!