What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.
We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.
Making Forms ResponsiveAsked by DocUBuy 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?
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.
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:
3. Enable Mobile Responsiveness to your form settings:
Let us know if you need any further assistance.