STEP 14: Add/Change Colors in Discovery Wizard
Previous - Add Variables in Discovery Wizard
Overview
You can select the color of your choice for styling the prototype pages, tables, and charts.
Step-by-Step Guide
Variables
- Follow the steps to Add Variables in Discovery Wizard.
Click Settings on the top navigation. The Style pop-up box appears.
Click the color box next to the Primary Color field.
Select the color of your choice. As you select a color, you can see the color of the menu button also getting changed.
Once a color has been selected, click Save.
If you want to continue with the default color, click Cancel.
Click the color box to select the Inputs Header color.
Click Save. (When selecting colors sometimes you need to double-click the Save button.)
The font color of the title entered in the Header field while adding variables changes to the color of your choice.
Click the color box to change the color of the Inputs Header Background.
The background color of the inputs header changes to the selected color.
Tables
Follow the steps to Add a Table in Discovery Wizard.
Click Settings and when the Style pop-up box appears, click Table Settings. It expands to show the different fields.
Click the color box next to the Header Color field.
The background color of the header changes to the selected color.
Select a color of your choice for the Header Text field to change the font color of the Header Text.
Select a color of your choice for the Even Row Color field to change the background color of even rows.
Select a color of your choice for the Odd Row Color field to change the background color of odd rows.
Hover your mouse over the first column and click the fill color icon in the first row. The Row Styling pop-up box appears.
Click the color box next to the Text Color.
The font color of the text of the particular row changes to the selected color.
Select a Background Color to change the background color of a particular row.
Charts
- Follow the steps to Add a Chart in Discovery Wizard.
- Click the color box next to each variable that you have added. The color picker box appears and then click to select the color of your choice.
- If you want to create a new color scheme click Linear Gradient. The Linear Gradient Color Generator pop-up box appears.
- Click Generator if you are okay with the color scheme. OR
Click the trash icon to delete any one of the colors and then click Generator OR
Click Add New Color to add color to the scheme and then click Generator.
- You can click the spin box or directly enter the percentage to ensure the right proportion for each color in a color scheme. However, going with the default color proportion would help create a fantastic color scheme.
The particular variable appears in the new color scheme.
- Likewise, if you want you can make each variable appear in different color schemes.
- Click Labels on the left navigation pane. Click the color boxes to select the colors of your choice for each label on the chart.
- All the labels are displayed in colors selected by you. Click Create.
- The chart appears on the Prototype page.
Note:
- Click the Save button in the top navigation at regular intervals to avoid rework or Enable the AutoSave Feature in Discovery Wizard.