Define the slicer background-color in custom theme

[Mark84]

Hi everybody,

is it possible to define the background-color of the slicer with the json-file?

Thanks,
Mark

[v-yuezhe-msft · Accepted solution]

@Mark84,

Based on my test, there is no specific  option to set background color for slicer in JSON file. However, after you import report theme JSON file to the PBIX file, you can apply colors of the report theme to the slicer background manually.


Regards,
Lydia

[gaccardo]

This works for me with the July 2018 release of Power BI Desktop.

    "slicer": {
      "*": {
        "background": [{
            "show": true,
            "color": {
              "solid": {
                "color": "#123456"
              }
            },
            "transparency": 0
          }
        ]
      }
    },

[zapppsr]

Hi, since you guys are talking about slicers, does anyone know the code to make a Combobox/Dropdown default instead of the List?

[kategrass]

Would love to know how to do this... searched all over and can't find a thing mentioning it. 

[gaccardo]

This is the best reference I've seen as far as a near-complete .json definition for slicers.  It is in a github repository has very good definitions for most Power BI visuals.

[karaoan]

Works all well the only thing I couldn't figure out is how to set "Date inputs" attributes?

[datamodel]

I'm also looking to change color of Date Inputs and Slider of the Slicer visual.

[zapppsr]

Here you will find all the answers. This repository has helped me to figure out everything.

[datamodel]

Thanks @zapppsr , @gaccardo already mentioned it above, and it is a great resource; however there are no mentions of changing "date input" properties of a slicer.

[AnonymousPerson]

@datamodel Here is an example of how you format date inputs:

        "date": [
          {
            "background": {
              "solid": {
                "color": "#FFFFFF"
              }
            },
            "fontFamily": "'Segoe UI Bold', wf_segoe-ui_bold, helvetica, arial, sans-serif",
            "fontColor": {
              "solid": {
                "color": "#223645"
              }
            }
          }
        ]

"date" works just like "items" .

BTW, I guessed "date" and it worked. It's not documented anywhere.

[datamodel]

There is also another undocumented option: "foregroundNeutralSecondary". 

 

[kategrass]

That's a great one, and the one I've used so far to get almost everything i need. Just can't figure out how to switch from list to drop-down.