PBI - Filter Card

Filter Card

The ‘“filterCard”’ property can be defined for the whole report. Filter cards can have two states:

• "Applied"
• "Available" defined by the "$id" attribute.

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

• transparency
• background color
• foreground color
• text size
• border visibility
• border color
• input field color

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

Settings

Make sure to have no visual selected.

Related