Ratings Input Layout
3 min read
Adjust the positioning, alignment, and icon appearance within your Ratings input element. The options vary depending on your selections and whether you have a field title.
What are my options if I show the field title at the top?
Note: To add a field title, click Set Up Ratings and enter the Field title. Then click the Layout icon
to return here.

To show the field title at the top of the element:
- Under Show field title on, click Top.
- Under Show rating value on, choose an option: Side or Bottom
- Click the relevant icon under Field title alignment: left, center, or right
- (Left or right alignment) Drag the Field title padding slider to set the total pixels between the field title and the edge of the element.
- Drag the Space betwen icons and title slider to set the total pixels between the icons and the field title.
- Drag the Icon size slider to adjust the size of the icons that visitors click to rate.
- Drag the Space between icons slider to adjust the total pixels between the icons.
- Choose the relevant option under Display icons from to change the direction of the text and icons: Left to right or Right to left.
What are my options if I show the field title on the side?
Note: To add a field title, click Set Up Ratings and enter the Field title. Then click the Layout icon
to return here.

To show the field title next to the rating icons:
- Under Show field title on, click Side.
- Under Show rating value on, choose an option: Top or Bottom
- Click the relevant icon under Rating value alignment: left, center, or right
- Drag the Icon size slider to adjust the size of the icons that visitors click to rate.
- Drag the Space between icons slider to adjust the total pixels between the icons.
- Choose the relevant option under Display icons from to change the direction of the text and icons: Left to right or Right to left.
What are my layout options if I don't have a field title?
We recommend adding a field title to improve accessibility and make it easier for visitors to understand what they're rating.
To customize the layout without a field title:
- Choose where to display your rating value under Show text on: Top, Bottom, or Side.
- Click the relevant Text Alignment icon to align the text to the left, center, or right.
- Drag the Icon size slider to adjust the size of the icons that visitors click to rate.
- Drag the Space between icons slider to adjust the total pixels between the icons.
- Choose the relevant option under Display icons from to change the direction of the text and icons: Left to right or Right to left.
Did this help?
|
