It is possible to setup thresholds for values in table columns in the supervisor.

The mechanism to perform this involves a combination of setting the threshold values - i.e. setting up values to go into "buckets", and then configuring CSS styles to color these elements.

Example

To make our example easy to understand, we will take the Availability and Service Level counters from the ACD groups.

We want the service level to be colored green when it is 80% or above, yellow when it is 60% or above and red otherwise.

Buckets

The first step is to consider buckets which will define the colors used, into which the values will be placed.

The number of buckets you configure is not restricted, however, to keep the CSS simple, we will consider three buckets in the following examples.

The CSS definition which will be used by the bucket is shown in the table below. (We will see how to apply this later).

background-color: #169A13;
color: white;

background-color: #FCC10F;
color: black;

background-color: #BB0F18;
color: white;

Example

The following shows an example of values rendered using the three definitions above:

Bucket Definition

First of all, we will consider a three bucket definition using the buckets 0, 1 and 2 above (green, yellow, red - like a traffic light).

A bucket definition is a comma separated list of integers. Ihe first value in the list is bucket 0, and so on.

When the system renders a value in a column, in order to decide what CSS rules to apply, it compares the value with the threshold all of the buckets defined.

• A value can be put into a bucket if it is greater than or equal to the threshold value of the bucket.
• The value is placed in the bucket with the highest threshold possible. 
• All buckets are processed from left to right.

For our example, the bucket definition 80,60,0 can be used:

• If the value is >= 80 it will be placed in bucket 0. Whilst it could fit into all buckets, the bucket with the highest threshold is bucket 0, and this one will "win".
• If the value is >= 60 but < 80, it will be placed in bucket 1. If could fit into buckets 1 or 2, but bucket 1 hast the highest threshold and will "win".
• If the value is < 60 it can only fit into the third bucket.