Forum Discussion
Helper IIIConfigure list slicer in theme
Hi tobny76 ,
Thanks for reaching out to Microsoft Fabric Community and thanks for sharing the update.
From what I’ve seen in similar discussions such as this thread: Solved: Re: Unable to change new slicer font colour with c... - Microsoft Fabric Community, the $id: "selection:selected" property works for the new slicer visual (advancedSlicerVisual) when changing the font or background color for selected items.
However, this behavior doesn’t seem to apply in the same way to the listSlicer.
For the classic list slicer, only a few formatting options such as background color and basic text settings appear to take effect through JSON theming, while selection-specific colors may not currently respond.
You can refer to the official documentation on Power BI JSON themes
for the list of supported visual style properties. It might also be worth testing with future Power BI Desktop versions in case expanded support for listSlicer theming becomes available.Hope this helps. Please reach out for further assistance.
Thank you.
Super UserHi tobny76
You can customize your List Slicer colors through a Power BI JSON theme file.
Here’s a quick example:
{
"visualStyles": {
"slicer": {
"*": {
"selection": [
{ "fontColor": { "solid": { "color": "#FFFFFF" } } },
{ "background": { "solid": { "color": "#0078D4" } } }
],
"unselected": [
{ "fontColor": { "solid": { "color": "#333333" } } },
{ "background": { "solid": { "color": "#F2F2F2" } } }
]
}
}
}
}Could you please try below steps:
-
Save this as a .json file.
-
In Power BI >> View >>Themes >> Browse for themes, import the file.
This will apply your custom background and text colors to the list slicer automatically.
Helper IIII have tried to use almost the same as you suggested,
I tried your code as well but I don't get it to work with the "List Slicer".
For the new buttonslicer I get it to work with "advancedSlicerVisual".
- rohit1991
Hi tobny76
You’re right , the JSON theme code works for the classic list or dropdown slicer, but not for the new button-style slicer (also called advancedSlicerVisual).
At present, the advanced slicer doesn’t fully support JSON theming, only a few properties (like font or background) may apply, while most style settings must be done manually.
Could you please try below steps:
-
For classic List Slicer:
-
The JSON theme example shared earlier will work.
-
Save it as a .json file >> Power BI View >> Themes >> Browse for themes >> import it.
-
-
For new Button Slicer (advancedSlicerVisual):
-
Format it manually under Format pane >> Buttons >> Style (set background, border, and font).
-
Then save the report as a template (.pbit) to reuse the same style later.
-
- tobny76
Yes, this will work.
But the goal was to do it in the Theme file.
I will close this for now. And hope it will possible to solve it in the Theme file later.
-