How can I change the size of all radio button controls?

More
2 years 7 months ago - 2 years 7 months ago #111698 by oikos
Hello everyone.

In the post www.limesurvey.org/es/component/kunena/d...ayout?start=10#58443 , tpartner said: "You cannot change the size of radio button (or checkbooxes) with CSS".

But, is there any way to change the size of the all default radio-button (in list-radio, list-radio-flexible, yes-no,... etc.) into the core of limesurvey or template, without using third-party javascript? How does it work in the core of limesurvey?

How can I increase the size of all default radio-button?


Larger radio-buttons control would be good for example for small screens or to make it more accessible from mobile devices...

Best regards.
Last Edit: 2 years 7 months ago by c_schmitz.

Please Log in to join the conversation.

More
2 years 7 months ago #111699 by oikos
Note: I'm using last version of LimeSurvey (limesurvey205plus-build140811) and copy of Basic template. Thank you very much in advance.

oikos wrote: Hello everyone.

In the post www.limesurvey.org/es/component/kunena/d...ayout?start=10#58443 , tpartner said: "You cannot change the size of radio button (or checkbooxes) with CSS".

But, is there any way to change the size of the all default radio-button (in list-radio, list-radio-flexible, yes-no,... etc.) into the core of limesurvey or template, without using third-party javascript? How does it work in the core of limesurvey?

How can I increase the size of all default radio-button?


Larger radio-buttons control would be good for example for small screens or to make it more accessible from mobile devices...

Best regards.

Please Log in to join the conversation.

More
2 years 7 months ago #111707 by tpartner
I say again: You cannot change the size of radio button or checkbooxes with CSS.

You will need to use a JavaScript plugin to insert alternate buttons.

There are many such plugins available, none of which I endorse.


.

Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The following user(s) said Thank You: oikos

Please Log in to join the conversation.

More
2 years 7 months ago #111708 by Mazi
The only real solution for larger radio button and checkbox elements is overlaying them with custom images and coding special JavaScript for this.

Such larger elements make sense when using smaller devices like iPhone/smartphone or iPad/tablets. You can download such smartphone/tablet optimized templates at www.limesurvey-templates.com :

1. iPhone/smartphone template: www.limesurvey-templates.com/limesurvey-...hone-tuned-p-41.html

2. iPad/tablet template: www.limesurvey-templates.com/limesurvey-...tuned-blue-p-48.html


Best regards/Beste Grüße,
Dr. Marcel Minke
(Limesurvey Head of Support)
Need Help? We offer professional Limesurvey support
Contact: marcel.minke(at)survey-consulting.com'"
The following user(s) said Thank You: oikos

Please Log in to join the conversation.

More
2 years 7 months ago #111737 by oikos
Ok! Trank you very much!

Please Log in to join the conversation.

More
2 years 1 month ago - 2 years 1 month ago #116618 by Mazi

oikos wrote: Ok! Trank you very much!

There is a new mobile optimized template available at the Limesurvey Template Shop which is called "Blue Circle Mobile[/url]" and also makes use of images for imitating larger radio buttons and checkboxes:


Best regards/Beste Grüße,
Dr. Marcel Minke
(Limesurvey Head of Support)
Need Help? We offer professional Limesurvey support
Contact: marcel.minke(at)survey-consulting.com'"
Last Edit: 2 years 1 month ago by Mazi.

Please Log in to join the conversation.