...
...
...
...
...
...
...
...
...
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 - For scenarios like tracking number of tickets exceeding SLA
Red to Green - For scenarios like number of project tasks completed
In additional, you can configure the Color Change Limit (%) to adjust the behaviour of how the counter background colour changes with respect to the value of the counter.
Color Change Limit % Setting
...
The Color Change Limit is defined using 2 numbers separated by a comma (E.g. 50,50) to modify color thresholds for the counters.
...
.
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.
For example, if the counter value is 36, and max value is set at 10, a color will be calculated based on value of 30% 60% between Green and Red as shown below.
...
Default
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%.
Example 1
As a user, I am concerned when counter value is > 20% of max value.
...
Scenario 1
The Color Change Limitcan be is set at 20,100 so that it the color change only ranges between green to red from 20% to 100%.
Example 2
As a user, I am concerned when counter value is > 50% of max value and I want counter to be red when value is > 90% of max value.
...
| Tip |
|---|
This is useful when you want the colour to start changing when it exceeds a healthy level |
Scenario 2
The Color Change Limitis set at 50,90 and the counter will range so the color change only ranges between green to red from 50% to 90%.
Example 3
As a user, I want to be able to tell when counter value is more than 20% of max value.
...
| Tip |
|---|
This is useful when you have a specific healthy and critical levels that you want to maintain |
Scenario 3
The Color Change Limitis set at 20,20. The counter will only be either green or red. so the color will not have a color change range.
| Tip |
|---|
This is especially useful when you need a strictly Red/Green or On/Off scenario |