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

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)
0 0

Answer

SELECTED ANSWER
replied on August 9

Found it on the online help.

 

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

0 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.