Is there a way to increase the radio button size of mulitple choice questions? | XM Community
Skip to main content
Michael_Cooksey
Administrator
8 days ago
Solved

Is there a way to increase the radio button size of mulitple choice questions?

B
I know I can adjust the look and feel settings, but this is very limiting. Is there any way to choose the radio button size/color using CSS or JavaScript?

Thank you

Best answer by tbutler

Try out this CSS:

input[type="radio"] {
-ms-transform: scale(1.5);
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
View original

5 replies

T
Level 1 ●
Forum|alt.badge.img
  • tbutler
  • Level 1 ●
  • 5 replies
  • Answer
  • June 18, 2018
Try out this CSS:

input[type="radio"] {
-ms-transform: scale(1.5);
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
B
fleb
2 people like this
  • B
    BEB118
  • fleb
    fleb
A
  • alex1
  • 3 replies
  • September 26, 2018
Hello, I'd also like to change the size of the radio buttons in my survey but I've tried using the CSS posted above, but get the error message:

"Invalid JavaScript! You cannot save until you fix all errors: Unexpected token {"

Does anyone know where I'm going wrong? I have tried eliminating '{' but I end up getting more error messages about different parts of the code.

Any help would be amazing,

Thanks 🙂
TomG
Level 8 ●●●●●●●●
Forum|alt.badge.img+27
  • TomG
  • Level 8 ●●●●●●●●
  • 5909 replies
  • September 26, 2018
@alex1 - The answer provided isn't JavaScript, it is CSS. Either put in Look & Feel Custom CSS or inside a `<style>` tag as part of your Question Text.
A
  • alex1
  • 3 replies
  • September 27, 2018
@TomG Thanks for the advice. Javascript and CSS are both pretty new to me (as you can probably tell!) I've managed to solve my problem by increasing the font size of each response option using the Look and Feel menu, and subsequently the radio boxes have increased.

Thanks again for your suggestion.
B
1 person likes this
  • B
    BEB118
M
  • msifuen
  • 1 reply
  • February 8, 2020
I too am trying to resize my survey radio buttons except for I am retry to decrease the size. I used the code that was provided above. I pasted it to the Custom CSS of the Look & Feel Style and changed the scale to .75 then to .5 but nothing happened to the radio buttons. Could someone please help?

Leave a Reply


Terms & Conditions