Skip to main content
cancel
Showing results for 
Search instead for 
Did you mean: 

Register now to learn Fabric in free live sessions led by the best Microsoft experts. From Apr 16 to May 9, in English and Spanish.

Reply
Anonymous
Not applicable

JSON theme for visual "slicer" with new options in PBI Desktop Version 2022

Hello everyone,

 

with the new Power BI Desktop update May 2022 there are a lot of new formatting options.

One new option appears for the "slicer". You can set the outline - in German "Gliederung". There are the options top, bottom, left, right (obere, untere, links, rechts).

 

JohannaKa_0-1657638205330.png

 

How do I set these options in my JSON file for the theme? I have followed the instruction posted here https://nolock.medium.com/how-to-discover-undocumented-theme-settings-in-power-bi-desktop-dcbe264351....

I have found out that there is a difference in the property "outlineStyle" when analyzing two slicers with different settings concerning the outline.

JohannaKa_1-1657638227209.png

 

How do I translate this into the JSON?

 

I have tried to set the property to 0D/3D without success.

 

Is this the right property?

 

Thanks for your help!

 

All the best

Johanna

 

1 ACCEPTED SOLUTION
Axel_hnk
Frequent Visitor

Hi Johanna,
I figured it out. You have to put in numbers as values. The following table shows all combinations:

Axel_hnk_0-1663152994688.png

In order to use it here

Axel_hnk_3-1663153242595.png

you would have to have this JSON (15 beeing all ticks):

"header": [{

    "show": true,
    "fontColor": { "solid": { "color": "#212121"}},
    "background": { "solid": { "color": "#F4F4F4"}},
    "outlineStyle": 15,
    "outlineColor": { "solid": { "color": "#205527" } },
    "outlineWeight": 1,
    "textSize": 11,
    "bold": false,
    "fontFamily": "Lucida Sans Unicode"
}]

For this section

Axel_hnk_2-1663153213439.png

you need that

"items": [{
    "fontColor": { "solid": { "color": "#212121"}},
    "background": { "solid": { "color": "#F4F4F4"}},
    "textSize": 12,
    "outlineStyle": 15,
    "padding": 10
}]

I already created a ticket with microsoft with this and other missing documentation regarding JSON properties and their enumerations.

 

Cheers, Axel

View solution in original post

6 REPLIES 6
Axel_hnk
Frequent Visitor

Hi Johanna,
I figured it out. You have to put in numbers as values. The following table shows all combinations:

Axel_hnk_0-1663152994688.png

In order to use it here

Axel_hnk_3-1663153242595.png

you would have to have this JSON (15 beeing all ticks):

"header": [{

    "show": true,
    "fontColor": { "solid": { "color": "#212121"}},
    "background": { "solid": { "color": "#F4F4F4"}},
    "outlineStyle": 15,
    "outlineColor": { "solid": { "color": "#205527" } },
    "outlineWeight": 1,
    "textSize": 11,
    "bold": false,
    "fontFamily": "Lucida Sans Unicode"
}]

For this section

Axel_hnk_2-1663153213439.png

you need that

"items": [{
    "fontColor": { "solid": { "color": "#212121"}},
    "background": { "solid": { "color": "#F4F4F4"}},
    "textSize": 12,
    "outlineStyle": 15,
    "padding": 10
}]

I already created a ticket with microsoft with this and other missing documentation regarding JSON properties and their enumerations.

 

Cheers, Axel

Anonymous
Not applicable

Hey @Axel_hnk,

 

thanks a lot for your help. This is what we were looking for.

 

Best, Johanna

Anonymous
Not applicable

Hello @v-zhangti,

 

thanks for your reply. I have checked the documentation and especially the enumerations. Here you can find the following points:

JohannaKa_0-1658126044854.png

 

This seems to be outdated. It fits to the PBI Desktop version January 2022:

JohannaKa_1-1658126144733.pngJohannaKa_2-1658126167535.png

 

"Nur unten", "Nur oben", "Nur links" etc. is exactly the German for "Bottom only", "Top only", "Left only" etc.

 

But as you can see in my original post, I am working with the PBI desktop version May 2022. You do have other options:

[x] obere (top)

[x] untere (bottom)

[x] links (left)

[x] rechts (right)

 

From my point of view, the Microsoft documentation does not fit the options in the new PBI desktop version.

 

Can someone please update it or help with my issue?

 

Thanks and all the best

Johanna

 

 

Hi, I am facing the same issue but with the pivotTable rowHeaders, I am trying to set the outlineStyle property in the json theme but nothing seems to work (15D, 0D, Frame, Bottom, BottomOnly, etc.).

Could you or anyone else find the way to work it out?

Thanks

Anonymous
Not applicable

Hey @gaspargarlo,

 

no. I am still looking for a solution.

 

Thanks for your reply!

 

All the best

Johanna

v-zhangti
Community Support
Community Support

Hi, @Anonymous 

 

Please check the following link, hope it can help you.

vzhangti_0-1657867373312.png

https://docs.microsoft.com/en-us/power-bi/create-reports/desktop-report-themes 

https://community.powerbi.com/t5/Desktop/Problem-with-custom-theme-JSON/m-p/2342985 

https://community.powerbi.com/t5/Desktop/Json-Theme-for-visuals/m-p/728391#M351491 

 

Best Regards,

Community Support Team _Charlotte

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

 

Helpful resources

Announcements
Microsoft Fabric Learn Together

Microsoft Fabric Learn Together

Covering the world! 9:00-10:30 AM Sydney, 4:00-5:30 PM CET (Paris/Berlin), 7:00-8:30 PM Mexico City

PBI_APRIL_CAROUSEL1

Power BI Monthly Update - April 2024

Check out the April 2024 Power BI update to learn about new features.

April Fabric Community Update

Fabric Community Update - April 2024

Find out what's new and trending in the Fabric Community.

Top Solution Authors