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

Calling all Data Engineers! Fabric Data Engineer (Exam DP-700) live sessions are back! Starting October 16th. Sign up.

Reply
kastenfrosch
Regular Visitor

Create your own Theme - Change the Border of Row Headers

Hi team,

 

I am lost, I try to change these Matrix setting via JSON:

 

kastenfrosch_0-1654092138579.png

 

Here is my try, but nothing happens:

 

{
...."name": "Matrix",
...."visualStyles": {
........"*": {
............"*": {
................"rowHeaders": [
....................{
........................"outline": "None"
....................}
................]
............}
........},
........"pivotTable": {
............"*": {
................"rowHeaders": [
....................{
........................"outline": "None"
....................}
................]
............}
........}
....}
}

Any idea?

 

Best, Thomas

2 REPLIES 2
Anonymous
Not applicable

Hi @kastenfrosch ,

 

Here is a solved post with similar requirement like yours.

You may refer to this code to learn more details.

{  
   "name":"Jan 2018 Theme",
   "dataColors":[  
      "#0069aa",
      "#4f8dc2",
      "#9ab7da",
      "#cedaec",
      "#00c762",
      "#fbe7a6",
      "#ff544a",
      "#f89a1c",
      "#545451"
   ],
   "background":"#FFFFFF",
   "foreground":"#545451",
   "tableAccent":"#4f8dc2",
   "visualStyles":{  
      "*":{  
         "*":{  
            "*":[  
               {  
                  "fontFamily":"Segoe UI"
               }
            ]
         }
      },
	  "*":{  
            "*":{
               "grid":[
                  {  
                     "outlineColor":{"solid":{"color":"#4f8dc2"}},
                     "gridVertical":true,
                     "gridVerticalColor":{"solid":{"color":"#4f8dc2"}},
                     "gridHorizontal":true,
                     "gridHorizontalColor":{"solid":{"color":"#4f8dc2"}}
                  }
               ],
               "columnHeaders":[  
                  {  
                     "fontColor":{"solid":{"color":"#ffffff"}},
                     "backColor":{"solid":{"color":"#0069aa"}},
                     "fontFamily":"Segoe UI"
                  }
               ],
               "values":[  
                  {  
                     "backColorSecondary":{"solid":{"color":"#cedaec"}}
                  }
               ]
            }
         }
   }
}

I hope it could help you solve your problem.

 

If you want a good resource for templates for all the various charts and elements check out: 

PowerBI-ThemeTemplates

Most everything you need is in there.  There are some additional properties that are not highlighted and you have to dig for the name for any custom or imported element.

 

Best Regards,
Rico Zhou

 

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

Hi Rico,

 

Thank you for your support! I have already used the GitHub link that you have provided for reference. My approach is taken from these examples at GitHub. Unfortunately, it doesn't work (anymore?).

 

Any other idea? Best, Thomas

Helpful resources

Announcements
FabCon Global Hackathon Carousel

FabCon Global Hackathon

Join the Fabric FabCon Global Hackathon—running virtually through Nov 3. Open to all skill levels. $10,000 in prizes!

September Power BI Update Carousel

Power BI Monthly Update - September 2025

Check out the September 2025 Power BI update to learn about new features.

FabCon Atlanta 2026 carousel

FabCon Atlanta 2026

Join us at FabCon Atlanta, March 16-20, for the ultimate Fabric, Power BI, AI and SQL community-led event. Save $200 with code FABCOMM.

Top Solution Authors