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.


  • Profile Image

    The default checklist is not mobile / touch friendly

    Asked by stabraammeeting on June 08, 2015 at 03:35 AM
    The default checklist is not mobile / touch friendly :(
  • Profile Image
    JotForm Support

    Answered by Charlie on June 08, 2015 at 03:38 AM

    Have you tried making the form mobile responsive? You can follow this guide to do that: http://www.jotform.com/help/311-How-to-make-Forms-Mobile-Responsive.

    You can also declare specific design for the check box using custom CSS code using the @media rule. Here's an example:

    @media screen and (min-width: 100px) and (max-width: 420px) {

    .checkbox1 {

    width: 100px;

    }

    }

    To learn more about @media rule here.

    If you need help on this, please share us the form that uses the default check box and we'll try to assist you on there.

    Thank you.

  • Profile Image

    Answered by stabraammeeting on June 08, 2015 at 04:12 AM

    Dear,

    The problem is not in making it responsive, it's about touch friendly..

    have you heard of "User Experience" ?

    as per my work expertise as Mobile Apps Design Team Lead; i'd like to introduce meaning of the touch friendly= the buttons and clickable areas should be wide to fit the user finger, no radio buttons or checkboxs are recommended instead we use buttons like the "Checklist line buttons".

     

    Any other advices to fix this without a widget or with editable CSS checkbox wide widget ?

  • Profile Image

    Answered by stabraammeeting on June 08, 2015 at 04:16 AM

    my question was : The default checklist is not mobile / touch friendly :(

    not : Default check box not mobile responsive?

    there is big difference!

  • Profile Image
    JotForm Support

    Answered by Chriistian on June 08, 2015 at 08:25 AM

    Hi stabraammeeting, 

    Setting Responsive Form (Mobile Responsive) setup to "Yes" sometimes helps make your form user friendly on mobile devices such as making fields wider. This setup does not require you to add a widget or change any CSS code in your form. To change Responsive Form settings, just follow instructions below.

     

    However, sometimes the Responsive Form settings does not work due to conflicting CSS. That is when we suggest to add custom CSS code or add widget.

     

    If you do not mind, can you provide us the link or name of the form in question so we can further check?

     

    Regards.