Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

...

...

...

...

...

...

...

...

This is only applicable for

...

Multiple Filters Counter Gadget with Green to Red and Red to Green board color only.

Introduction

The Counter Gadget has 2 additional special options to change the background color automatically based on the value. The colour is useful to indicate health level like Green for healthy and Red for warning

...

You can select the Board Color option

  • Green to Red - Start with Green and gradually changes to Red as the value increases.

...

  • Useful for scenarios like tracking number of tickets exceeding SLA

  • Red to Green - Start with Red and gradually changes to Green as the value increases. Useful for scenarios like number of project tasks completed

In additional, you can configure the Color Change Limit (%) to modify color thresholds for the counters. to adjust the behaviour of how the counter background colour with respect to the value of the counter.

This guide explains

  • what is the Color Change Limit (%) setting

  • the different scenarios that the setting supports

Color Change Limit % Setting

...

It is 2 numbers separated by a comma should be provided (E.g. 50,50).

  • The 1st percentage indicates the position to display Green color.

...

  • All values smaller than this percentage will display with Green background

  • The 2nd percentage indicates the position to display Red color. All values greater than this percentage will display with Red background

  • All values between the 2 percentages will have a color in between Green and Red depending on their relative position

Tip

The Color Change Limit % setting is optional. You only need to change if you want to override the default behaviour

...

Example Scenarios

The color of the counter will be decided depending on the percentage for counter value.

...

When left blank, the Color Change Limitis set at 0,100 by default and the counter color would range between green to red from 0% to 100%.

...

In this case, the Color Change Limitcan be set at 20,100 so that it ranges between green to red from 20% to 100%.

...

In this case, the Color Change Limitcan be set at 50,90 and the counter will range between green to red from 50% to 90%.

Tip

This is useful when you want the colour to start changing when it exceeds a healthy level

Example 3

As a user, I want to be able to tell when counter value is more than 20% of max value.

In this case, the Color Change Limitcan be set at 20,20. The counter will only be either green or red.

Tip

This is especially useful when you only need a strictly Red/Green or On/Off scenario