The default checklist is not mobile / touch friendly

The default checklist is not mobile / touch friendly :(

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.

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 ?

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

not : Default check box not mobile responsive?

there is big difference!

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.