Assessment Settings: Design Tab

The Design tab controls the visual appearance of your assessment. Use this tab to match the assessment's look and feel to your organization's branding.

Background (1-3)

1. Color. Specify the background color code for the background of the assessment.

2. Background Opacity. Specify the opacity of the background color.
3. Background Image. Select a background image from the available backgrounds or upload an image.

Content Panel (4-6)

4. Content Panel Type. Here you can specify the content panel type. You can select from None, Normal and Narrow.

The following fields only appear if Normal or Narrow options are selected as the Content Panel type.

5. Content Panel Color. Specify the content panel color.
6. Content Panel Opacity. Specify the opacity of the content panel color.

Colors (7-9)

7. Top Banner Color. Specify the color code for the banner at the top of the response. Normally this would match the background color of the logo or image you specify for the top of the response (by adding an entry to the graphic table with the type of Assessment Logo). The banner will be the full width of the screen. Click the "Clear link" for a transparent banner.

8. Bottom Banner Color. Specify the color code for the banner at the bottom of the response. Normally this would match the background color of the logo or image you specify for the bottom of the response (by adding an entry to the graphic table with the type of Assessment Footer). The banner will be the full width of the screen. Click the "Clear link" for a transparent banner.
9. Default Color. Specify the default color code for the look and feel of the response. This determines the color of the boxes and buttons.

Section (10-23)

10. Section Color. Specify your preferred color for the Section name.
11. Section Font. A pop up box displays allowing you to specify your preferred font.
12. Font Size. Specify your preferred font size in pixels.
13. Section Banner. Here you can specify the section banner. You can select from Default design, Hide section banner or Modify section banner.

The following fields only appear if the Modify section banner option is selected as the Section Banner type.

14. Section Banner Background Color. Specify the section banner background color.
15. Hide Progress Bar On Response. This will hide the progress bar at the top of the page in the response.
16. Progress Bar Background Color. Specify the progress bar background color.
17. Hide Save Progress On Response. This will remove the save progress button in the response.
18. Save Progress Background Color. Specify the save progress background color.
19. Save Progress Font Color. Specify the save progress font color.
20. Subsection Display Type. This field specifies how Subsections are displayed within the Response. The available options are:
    • Display a Gap. The default setting does not display the Subsection name but leaves a gap, to break up the Questions.
    • No Name or Gap. The questions in all subsections flow one after another.
    • Display SubSection Name. Display the Subsection name in the response. If you make this selection, the Subsection Color, Subsection Font and Subsection Font Size will be prompted.

The following fields only appear if the Display Subsection Name option is selected as the Subsection Display Type.

21. SubSection Color. You can specify the color of the SubSection font.
22. SubSection Font. Specify your preferred SubSection font type.
23. SubSection Font Size. Specify your preferred SubSection font size in pixels.

Question, Answer, and Response (24-36)

24. Question Color. You can specify the color of the question font.
25. Question Part Font. Specify your preferred question font type.
26. Question Font Size. Specify your preferred question font size in pixels.
27. Answer Color. You can specify the color that will display for the answer font.
28. Answer Font. Specify your preferred answer font type.
29. Answer Font Size. Specify your preferred answer font size in pixels.
30. Show Previous Button. Show the Previous Button in the response to make it easy for respondents to move back and forward in the assessment. Changes on the current page are saved before taking the respondent back to the previous page.
31. Hide Line Between Questions. The horizontal line divider between questions will be hidden.

32. Hide Slider Bar Color. On the Slider question type, this option suppresses the color of the slider bar which normally highlights from left to right when answered. Only the point will appear.

    

33. Response Image Width. Specify your preferred Response Image Width.
34. Response Image Height. Specify your preferred Response Image Height.

35. Date Format. A dropdown menu will provide various date formats available. This will be used for date fields in the assessment.

    

36. Save / Save and Close / Save and go to Assessment Builder.