Making Forms Responsive

  • Profile Image
    DocUBuy
    Asked on September 30, 2014 at 06: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

     

  • Profile Image
    rehcgt
    Answered on September 30, 2014 at 08: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.

  • Profile Image
    Welvin
    Answered 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:

    Or

    3. Enable Mobile Responsiveness to your form settings:

     

    Let us know if you need any further assistance.

    Thank you!