Radiobox and checkbox resizing

Resize radio buttons and checkboxes for better mobile usability.

Overview

The issue is that on some mobile devices, especially older Android versions, these form elements appear as small black dots or squares and are difficult to tap.
Investigate and modify the template CSS or apply specific webkit styles to increase the size and improve the visibility of the form controls.

ti tico92 30 Sep, 2015

Hi,

Is it possible to make the radiobox and checkbox bigger?

On a mobile and tablet you can only click them when you enlarge the form. Otherwise they show as a black dot and square.

I think making them bigger will solve the problem. Was trying to locate them with Firebug but I cannot find them.

Can you help me with this or is there another solution?

Thanks,
Tico

Gr GreyHead 30 Sep, 2015

Hi Tico,

I suspect that this is a template problem - I see the elements OK on my my iPad and iPod touch.

Bob

ti tico92 01 Oct, 2015

Hi Bob,

I have been searching my template.css but can't find anything.
It shows on android mobile and pad. Especially the older types.
I changed the template to Protostar and Beez and it's the same, all black.

can you take a look please,
http://www.polderbagger.nl/index.php/inschrijven/inschrijfformulier

thanks
Tyco

Gr GreyHead 01 Oct, 2015

Hi Tico,

Here is what I see on my iPod Touch. ChronoForms just creates standard HTML inputs here.

This StackOverFlow answer might help you.

Bob

ti tico92 01 Oct, 2015

Answer

Hi Bob,

Thanks a lot for the link. I am gonna dig into that one.

Regards,
Tico

This topic is locked and no more replies can be posted.