How to use Indicators


Use the Indicators panel to change the color of values, the background color of table cells, assign display icons, change text style, or replace values with text based on conditional thresholds.

How indicators work

Predicate: The IF part of the condition, controls what values are compared. For example, IF X is greater than 50.

Reaction: The THEN part of the condition, controls what value is affected when the condition is met and what action to take when the condition is met. For example, THEN change color to green.

Key Features:

  • Compare two sub-components.
  • Use multiple predicates and reactions.
  • Duplicate predicate and reaction statements.
  • Use 1 of 4 reaction styles: change color, display icon, change font style, and replace values with text.

The Indicators panel enables you to apply color changes to values, change the background color of cells, and assign icons based on conditional thresholds. The condition is set up by providing a predicate (for example, if X is greater than Y) and a reaction (for example, then change X's color to green).

Setting conditions

Indicators are a result of condition statements. To set up a condition, you need a predicate and a reaction. You can add multiple condition statements using the Add button or duplicate a condition using the duplicate icon on the left of each condition (shown in the image below). You can also add multiple predicates or reactions to a condition to cover a specific threshold, such as values greater than 10 but less than or equal to 20.

In the example below, the Indicators panel of a Gauge component uses two simple conditions.

The Current Value that is referenced here is a subcomponent of the Gauge component. You find and select it in the Klip Editor component tree under "Gauge".

Watch this video to learn how to use Indicators with Hidden data.


Predicates control what sub-component is compared in the condition and what operators are used in that comparison.

You can compare the component against a static value, or you can select any component in the If menu and compare it to any other component.

Note: to set an indicator for a text string, use the contains comparator for example, If: Current Value contains CompanyName then: change color.


Reactions control what value is affected when the predicate evaluates to true. This part of the condition determines if the indicator will change the color the value, change the background color, or use a display icon.

Using multiple predicates/reactions

You can add multiple predicates and/or reactions to any condition you create in the Indicators panel. Add new predicates or conditions using the buttons on the right side of the panel.

Adding multiple predicates

By adding multiple predicates to the condition, you can evaluate a specific range of values, or evaluate multiple components. To add and remove predicates from an existing condition, select the + and - buttons.

Adding multiple reactions

By adding multiple reactions to the condition, you can return multiple indicators when the predicate is evaluated as true. To add and remove reactions from an existing condition, select the + and - buttons.

Learn more:

These articles provide an overview of important concepts for building Klips:

Have more questions? Submit a request