Cannot Make Items Dropdown in Slicer Transparent

[oliverblane]

I have a slicer that I have removed the background from:

However, when I open the dropdown list I get the following:

I would like the background of this dropdown to be transparent too, but I cannot see a way to do this - is there a way?

Thanks for your help!

[amitchandak]

@oliverblane , We usually use a theme in such a case to make sure the background is in line with the background of the page.

[oliverblane]

Hi @amitchandak, sorry I do not follow. How do I add a theme to the slicer?

So it is not possible to make the dropdown background transparent?

[v-kkf-msft · Accepted solution]

Hi @oliverblane ,

The color in the drop-down box of the slicer is related to the background color of the items. You can choose the desired color in the position below.

If you want the dropdown box background to be transparent, you need to import a custom theme and set its background to be transparent: "background": { "solid": { "color": "#FFFFFF00"}}
Here are the steps for my test.

• Create the following json file.

{
	"name": "SlicerTemplate",
	"visualStyles": {
		"slicer": {
			"*": {
				
				"items": [{
					"fontColor": { "solid": { "color": "#FFFFFF"}},
					"background": { "solid": { "color": "#FFFFFF00"}},
					"outline": "None",
					"textSize": 11,
					"fontFamily": "Segoe UI"
                                        
				}]
			}
		}
	}
}

• Import the file into the report.

• Then you can set the background of the report page, the color of other visuals, the font color of the slicer, etc. as needed. (Note that the slicer's background option must be turned off)

If the problem is still not resolved, please provide detailed error information or the expected result you expect. Let me know immediately, looking forward to your reply.

Best Regards,
Winniz

If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.

[oliverblane]

Thank you so much @v-kkf-msft - it worked perfectly!