You are viewing limited content. For full access, please sign in.

Question

Question

Can we evenly space radio buttons on forms?

asked on August 9, 2018

Does anyone know if there is a way to evenly space out radio buttons on Forms if you have more than 4 choices?  In general a lot of "rating" questions give 5 option so there is a middle ground, or in my case 4 options and an N/A choice.

My spacing looks great when I only have 4 options and could choose 4 columns.  But now that I have 5 my only two choices are to go to side by side and have them all on one line, or have 1 option drop to a second line.  I don't like the way it looks with the N/A option on a row by itself.  But I also don't like how smashed the look for side by side.  Unless I drop to 2 columns (increase to 3 rows), any split would not make sense.

radiocolumns.png
radiocolumns.png (12.89 KB)
1 0

Answer

SELECTED ANSWER
replied on August 9, 2018

Found it on the online help.

 

#q20 .cf-field, #q20 .cf-label {width: 100% !important;}
#q20 .choice {width: 20%;}

2 0

Replies

You are not allowed to reply in this post.
You are not allowed to follow up in this post.

Sign in to reply to this post.