How can I change the look and feel of radio buttons on my survey?

How can I change the look and feel of radio buttons on my survey?

Using HTML to change the way in which radio buttons or checkboxes are displayed, altering the look and feel of field responses.

 

In addition to the Custom Alignment settings available when displaying field responses, you can also use HTML elements to alter the way field responses are displayed. Using a line break element allows for specifying how many responses are displayed per line. In the example below, we want to display 5 responses per line.

Note: you need to set the Custom Alignment to one of the Horizontal options for this to work.

1, 1

2, 2

3, 3

4, 4

5, 5 <br>

6, 6

7, 7

8, 8

9, 9

10, 10<br>

 

 Note: You can also use &nbsp; after each response to customize spacing to stagger responses between lines or to align responses into columns.

1, vanilla&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;

2, chocolate <br>

3, strawberry&nbsp;&nbsp;&nbsp;&nbsp;

4, rocky road <br>

5, butter pecan

6, cookie dough <br>

7, sherbet &nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp;&nbsp;

8, mint chocolate chip;<br>

9, cherry cordial

10, blackberry

 

 

 

Note: You can use other formatting elements as well, such as <i> for italic, <b> for bold, etc.

1, <i> italic text </i>

2, standard text

3, <b>bold text</b>

 

More information on using HTML can be found here