Button and Option Styling

Multiple choice options and ranking items share a common style, set in the Options section of the Form design panel. Customize them here to match your form’s look.

Navigation buttons (Back, Next, and Submit) are styled separately — see Navigation Buttons.

Properties

Background color

The fill color of option and ranking buttons.

Text color

The color of text displayed on options and ranking items.

Rounded corners

How rounded the button corners are. Set to 0 for sharp rectangles, or crank it up for pill-shaped buttons.

Border

Add a border around buttons:

  • Width — border thickness
  • Style — solid, dashed, dotted, etc.
  • Color — border color

Shadow

Add a shadow for a raised or floating effect.

Tips

  • Make sure button text is readable against the button background
  • Consider how selected/active states look — the accent color is used for selected options
  • Round buttons (high rounded corners) feel more friendly and modern
  • Square buttons (low rounded corners) feel more formal and structured
  • Keep option styling consistent with input field styling for a unified look
  • Style your navigation buttons to match or contrast with your options