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.
Is there a way to trigger the responsive layout instead of 100% width?Asked by Kevin on December 03, 2014 at 02:52 AM
I love the responsive form setting, but it would make a HUGE difference if I could trigger it at a certain width instead of simply displaying each field as a separate line each at 100% width. Perhaps this is possible and I'm missing something ?Also, an 'Other' option w/ text field would be great if it were available in a DROP-DOWN instead of only to radio buttons.
Otherwise, I couldn't be more impressed with the features and ease of use that Jotform has. It's amazing!
Thank you so much :)
layout responsive layout trigger width
Thank you for your continuing support and appreciation to JotForm.
Regarding your concern, what you would like is to trigger responsiveness when the form is viewed to specific mobile display sizes? Is that correct? You can, however, trigger specific CSS designs by adding custom CSS codes that starts withe @media screens. An example of this is the code below.
@media only screen and (min-device-width : 320px)
and (max-device-width : 480px)
/* Styles */
You can add CSS codes under the CSS tab in Form Designer.
I've also made a separate thread regarding the other concern you have, please refer to this link for that update, http://support.jotform.com/answers/468651.
I hope this helps, or at least gives you an idea on how to proceed.
Just to add to my colleague's advice, I noticed that in the General Settings tab of the form's Preferences, Responsive Form is set to "Yes". Changing it to No will prevent the fields from expanding to the full width of desktop screens:
Hey! Sorry for the lagged reply, I hope this discussion is still open(?)
This is good information, but I still don't understand how to use CSS to essentially flip the switch in the preferences to responsive.
ALSO, I'm experiencing a strange problem where my form now only displays in a single column when live or in preview, but in the builder it's distinctly two column. I've included some screen shots.
Please check this cloned version of your form: http://form.jotformpro.com/form/43497274647973
And let us know if this is what you're trying to accomplish. If it is feel free to clone it to your account.
Basically, what I did was disabling the mobile responsiveness as suggested by @abajan and enabled the form columns in the form designer to be able to align the fields in 2 columns as showed in your screenshot.
I also changed the theme to Default.
Hope this helps.