Overview

Color-coding helps to visually emphasize and differentiate between the tasks in task timeline view. For example, you can use different colors to represent completed, in-progress, or not-started tasks.

You can color-code your tasks in Timeline view by using the Color by Field option. You can use the Color by Field option only on single select picklist type fields. It can be a standard field such as Status or Priority or a custom field created by the user. Color by Conditions works on any type of field.

Color by Field

1. In the Task timeline, click on Color and select Color by Field.

2. Select appropriate values based on which colors will be applied.

Color Tasks based on: Choose the single select field based on which the records will be colored (for example: Status).

Apply Color on: Select the entire bar or a specific field to apply color coding.

3. Click the individual field values to open the color selector and choose different background or text colors as per requirement.

4. Click Apply to apply the Color By configuration to the view. The Colors will be applied to the bars in Timeline as well as Calendar view

5. Clicking Color by and then clicking Clear will remove the colors.

Color by Condition

1. In the Task Timeline view, click Color and select Color by Conditions. 
 

2. Use the Set Color option to select background and text colors. Also choose whether to apply the color to the entire row or only specific fields. 
 

3. Specify the conditions under which the colors will be applied. You can add multiple conditions and set multiple filters to create more complex conditions. 
 

​

4. Click on Add Condition to add more conditions to your view. You can reorder the added conditions to set the priority for Coloring, i.e. if one record matches multiple applied conditions, it will apply the Color of the topmost condition in the set order.   

​

5. Click on Apply to save your changes. Color will be applied according to the set conditions. 

​

6. To remove color configuration, click Color by and then click Clear to remove the colors.