Filter Card

The '"filterCard"' property can be defined for the whole report. Filter cards can have two states:

For each state, you can define the filter card's

Syntax

{
    "name": "LeanProductivity",
    "visualStyles": {
        "*": {
            "*": {
                "filterCard": [{
                    "$id": "Applied",
                    "transparency": 0,
                    "backgroundColor": { "solid": { "color": "#18BC9C" } },
                    "foregroundColor": { "solid": { "color": "#000000" } },
                    "textSize": 10,
                    "border": true,
                    "borderColor": { "solid": { "color": "#000000" } },
                    "inputBoxColor": { "solid": { "color": "#FFFFFF" } }
                    },
                    {
                    "$id": "Available",
                    "transparency": 0,
                    "backgroundColor": { "solid": { "color": "#FFFFFF" } },
                    "foregroundColor": { "solid": { "color": "#000000" } },
                    "textSize": 10,
                    "border": true,
                    "borderColor": { "solid": { "color": "#000000" } },
                    "inputBoxColor": { "solid": { "color": "#FFFFFF" } }
                }]
            }
        }
    }
}

Effect

Filter Cards.png

Settings

Make sure to have no visual selected.

Filter Cards Settings.png

Related