cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
oliverblane
Helper III
Helper III

Cannot Make Items Dropdown in Slicer Transparent

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

oliverblane_0-1639489015873.png

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

oliverblane_1-1639489054690.png

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!

1 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.

 

vkkfmsft_0-1639711950346.png

 

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.

vkkfmsft_1-1639714781124.png

  • 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)

vkkfmsft_2-1639714934763.png

 

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.

 

 

 

 

View solution in original post

4 REPLIES 4
amitchandak
Super User
Super User

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

Did I answer your question? Mark my post as a solution! Appreciate your Kudos!! !!
Dashboard of My Blogs !! Connect on Linkedin
Want To Learn Power BI
Learn Power BI Beginners !! Advance Power BI Concepts !! Power BI For Tableau User !! Learn Power BI in Hindi !!
Proud to be a Super User!
!! Subscribe to my youtube Channel !!

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?

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.

 

vkkfmsft_0-1639711950346.png

 

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.

vkkfmsft_1-1639714781124.png

  • 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)

vkkfmsft_2-1639714934763.png

 

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.

 

 

 

 

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

Helpful resources

Announcements
Microsoft Build 768x460.png

Microsoft Build is May 24-26. Have you registered yet?

Come together to explore latest innovations in code and application development—and gain insights from experts from around the world.

charticulator_carousel_with_text (1).png

Charticulator Design Challenge

Put your data visualization and design skills to the test! This exciting challenge is happening now through May 31st!

May UG Leader Call Carousel 768x460.png

What difference can a User Group make for you?

At the monthly call, connect with other leaders and find out how community makes your experience even better.

Power BI Release May 2022 768x460.png

Check it out!

Click here to read more about the May 2022 updates!