Forum Discussion

oliverblane's avatar
oliverblane
Helper III
4 years ago
Solved

Cannot Make Items Dropdown in Slicer Transparent

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!

Need Help
  • v-kkf-msft's avatar
    v-kkf-msft
    4 years ago

    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.

     

     

     

     

4 Replies

  • amitchandak's avatar
    amitchandak
    Super User
    4 years ago

    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's avatar
      oliverblane
      Helper III
      4 years ago

      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's avatar
        v-kkf-msft
        Community Support
        4 years ago

        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.