Formatting and Customizing Results Dashboards

This article focuses on the formatting and customization options available when designing your Results Dashboards. For an overview of creating, managing, and deploying Results Dashboards, see Building and Deploying Results Dashboards .

Container Settings

Containers are the full-width sections that hold your tiles. Each container has formatting options that control its visual appearance and spacing.

To access Container Settings, click the cog icon on a container in the Results Edit screen. (Click here to view a description of the container settings.)

Tile Settings

Tiles sit inside containers and hold your actual dashboard content (text, merge strings, charts, etc.). Each tile has its own formatting options.

To access Tile Settings, click the cog icon on a tile in the Results Edit screen. (Click here to view a description of the container settings.)

Advanced Dynamic Backgrounds

Both tiles and containers support dynamic background colors driven by a respondent's score. Instead of choosing a static color, you can configure the background to automatically reflect the color of a Rating, based on how the respondent scored for a specific Segmentation.

This is useful when you want to visually communicate performance at a glance, for example, a tile that turns green for a high score and red for a low score.

Setting a Dynamic Background on a Tile

1. Open the Tile Settings by clicking the cog icon on the tile.
2. Next to Background Color, click the Advanced link (alongside Clear).
3. Two dropdown fields will expand beneath the color picker:
   • Segmentation — select from a list of all Segmentations attached to questions or answers in the assessment, grouped by Segmentation Group.
   • Rating Type — select from a list of Rating Types that have at least one Rating linked in the assessment.
4. Select the desired Segmentation and Rating Type.
5. Click Save. When the dashboard is viewed, the tile background will automatically display the Rating color that corresponds to the respondent's score for the selected Segmentation.

Setting a Dynamic Background on a Container

The same Advanced background color option is available on containers. The steps are identical:

1. Open the Container Settings by clicking the cog icon on the container.
2. Next to Background Color, click the Advanced link.
3. Select a Segmentation and Rating Type from the dropdown fields.
4. Click Save. The container background will dynamically reflect the Rating color based on the respondent's score.

Overriding the Completion Page Background Color

When displaying a Results Dashboard on the Completion Page (the page respondents see after finishing an assessment), the page background defaults to the Response background color or image set in the assessment's Design settings.

You can now override this background with a custom color directly from the Site Text settings. This is useful when the Response background doesn't suit your dashboard design.

How to Set an Override Background Color

1. Go to Assessment Settings > Site Text tab.
2. Add or edit the Response Complete site text entry.
3. Below the text box header, locate the Override Response Background color picker.
4. Select a color. To reset it, click the Clear link to set it back to null (the default Response background will be used instead).
5. Click Save.

When a respondent completes the assessment, the Completion Page will display with the override color instead of the Response background color or image.

Formatting Tips & Best Practices

Tile Widths & Layout

• Tile widths in a row should add up to the full width (e.g., 1/3 + 1/3 + 1/3, or 1/4 + 1/2 + 1/4). If the total is less than the full width, the tiles will be centered.
• Use the drag-and-drop interface to reposition tiles and containers.

Graphs & Charts

• Avoid specifying fixed widths on graphs in Results Dashboards — leave them unset so the graphs are responsive to different screen sizes (including mobile/cell phones)

Text & Fonts

• To use a custom font, set a global font before loading the dashboard. In the tile settings, ensure Inherited Font is selected so the tile picks up the global font.
• If you're using rating text in a tile, do not place it inside a table — the table formatting will override the text wrapping in Results.

Alignment

• If the left-align option in the text editor isn't working as expected, check the Tile Settings > Width Alignment setting and set it to Left. Tiles default to center alignment.

HTML & Custom Content

• HTML is supported in tile content. You can also embed videos — either static videos visible to all viewers, or dynamically via Rating Text merge strings so different videos appear depending on the respondent's score.

Note: Our support team will not be able to provide support for any custom html code.

FAQs & Troubleshooting

Use the questions below to troubleshoot common formatting issues in Results Dashboards.