Is there a way to trigger the responsive layout instead of 100% width?

  • Profile Image
    Kevin 
    Asked 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 :)

  • Profile Image
    Charlie
    Answered on December 03, 2014 at 09:24 AM

    Hi,

    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.

    Thank you.

  • Profile Image
    abajan
    Answered on December 03, 2014 at 09:41 AM

    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:


    Thanks

  • Profile Image
    shopharveys
    Answered on December 16, 2014 at 05:30 PM

    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.

     

     

     

  • Profile Image
    raul
    Answered on December 16, 2014 at 06:36 PM

    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.
    Thank you.