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

Find everything you need to get certified on Fabric—skills challenges, live sessions, exam prep, role guidance, and more. Get started

Reply
ThePBIMaster
Advocate II
Advocate II

Bookmark Navigator .json Theme Schema

Hi All,

 

Would anyone have a Bookmark Navigator json schema so I can incorporate it into a custom Theme?

 

Essentially I'm looking for the Bookmark Navigator equivelent of what @MarvinVitcu has very helpfully posted here - https://community.powerbi.com/t5/Desktop/JSON-pageNavigator-Visual-StyleNames-amp-CardNames/m-p/2471...

 

Thanks in advance

1 ACCEPTED SOLUTION
MarvinVitcu
Advocate I
Advocate I

Here you go 🙂

 

"bookmarkNavigator" : {
			"*": {
				"border": [{
					"show": false
				}],
				"title": [{
					"show": false
				}],
				"visualHeader": [{
					"show": false
				}],
				"outline": [{
					"show": false
				},{
					"$id": "default",
					"transparency": 0,
					"lineColor": {"solid":{"color":"#FFFFFF"}},
					"weight": 1
				},{
					"$id": "hover",
					"transparency": 0,
					"lineColor": {"solid":{"color":"#FFFFFF"}},
					"weight": 2
				},{
					"$id": "press",
					"transparency": 0,
					"lineColor": {"solid":{"color":"#FFFFFF"}},
					"weight": 1
                },{
					"$id": "selected",
					"transparency": 0,
					"lineColor": {"solid":{"color":"#FFFFFF"}},
					"weight": 2
                }],
				"fill": [{
					"show": false
				},{
					"$id": "default",
					"transparency": 0,
					"fillColor": {"solid":{"color":"#FFFFFF"}}
				},{
					"$id": "hover",
					"transparency": 0,
					"fillColor": {"solid":{"color":"#FFFFFF"}}
				},{
					"$id": "press",
					"transparency": 0,
					"fillColor": {"solid":{"color":"#FFFFFF"}}
                },{
					"$id": "selected",
					"transparency": 0,
					"fillColor": {"solid":{"color":"#FFFFFF"}}
                }],
				"text": [{
					"show": true
				},{
					"$id": "default",
					"fontFamily": "Arial",
					"fontColor": {"solid":{"color":"#FFFFFF"}},
					"horizontalAlignment": "center",
					"verticalAlignment": "middle"
				},{
					"$id": "hover",
					"fontFamily": "Arial Semibold",
					"fontColor": {"solid":{"color":"#FFFFFF"}}
				},{
					"$id": "press",
					"fontFamily": "Arial",
					"fontColor": {"solid":{"color":"#FFFFFF"}}
				},{
					"$id": "selected",
					"fontFamily": "Arial Semibold",
					"fontColor": {"solid":{"color":"#FFFFFF"}}
				}],
				"bookmarks" :[{
					"allowDeselection": false
				}]
			}
		},

View solution in original post

4 REPLIES 4
ThePBIMaster
Advocate II
Advocate II

@MarvinVitcu 

Sorry I've just seen this json in the schema which I think is for the "Rounded corners" property:

 

"rectangleRoundedCurve": {
"type": "integer",
"title": "Rounded Corners"
}

 

Could you please give an example of how I would format this in my json Theme file?

MarvinVitcu
Advocate I
Advocate I

By the way, with the February 2023 update. Microsoft finally published a full documentation of all the properties that can be used and which values each property can have. The reportThemeSchema can be found here:

https://github.com/microsoft/powerbi-desktop-samples/tree/main/Report%20Theme%20JSON%20Schema

 

If you include this reportThemeSchema.json file in your theme file with $schema then it automatically tells you what properties the bookmarkNavigator has. I personally use VisualStudio Code for that. This working flow is also explained at the bottom of this page: https://learn.microsoft.com/en-us/power-bi/create-reports/desktop-report-themes

MarvinVitcu
Advocate I
Advocate I

Here you go 🙂

 

"bookmarkNavigator" : {
			"*": {
				"border": [{
					"show": false
				}],
				"title": [{
					"show": false
				}],
				"visualHeader": [{
					"show": false
				}],
				"outline": [{
					"show": false
				},{
					"$id": "default",
					"transparency": 0,
					"lineColor": {"solid":{"color":"#FFFFFF"}},
					"weight": 1
				},{
					"$id": "hover",
					"transparency": 0,
					"lineColor": {"solid":{"color":"#FFFFFF"}},
					"weight": 2
				},{
					"$id": "press",
					"transparency": 0,
					"lineColor": {"solid":{"color":"#FFFFFF"}},
					"weight": 1
                },{
					"$id": "selected",
					"transparency": 0,
					"lineColor": {"solid":{"color":"#FFFFFF"}},
					"weight": 2
                }],
				"fill": [{
					"show": false
				},{
					"$id": "default",
					"transparency": 0,
					"fillColor": {"solid":{"color":"#FFFFFF"}}
				},{
					"$id": "hover",
					"transparency": 0,
					"fillColor": {"solid":{"color":"#FFFFFF"}}
				},{
					"$id": "press",
					"transparency": 0,
					"fillColor": {"solid":{"color":"#FFFFFF"}}
                },{
					"$id": "selected",
					"transparency": 0,
					"fillColor": {"solid":{"color":"#FFFFFF"}}
                }],
				"text": [{
					"show": true
				},{
					"$id": "default",
					"fontFamily": "Arial",
					"fontColor": {"solid":{"color":"#FFFFFF"}},
					"horizontalAlignment": "center",
					"verticalAlignment": "middle"
				},{
					"$id": "hover",
					"fontFamily": "Arial Semibold",
					"fontColor": {"solid":{"color":"#FFFFFF"}}
				},{
					"$id": "press",
					"fontFamily": "Arial",
					"fontColor": {"solid":{"color":"#FFFFFF"}}
				},{
					"$id": "selected",
					"fontFamily": "Arial Semibold",
					"fontColor": {"solid":{"color":"#FFFFFF"}}
				}],
				"bookmarks" :[{
					"allowDeselection": false
				}]
			}
		},

Thank you so much @MarvinVitcu! This is awesome.

I need to work out how to set the "Rounded corners" property of the navigator buttons. Do you know how to do this in json? I checked out the link in your other post (thanks for this too - great resource!) and I can see there are some "tabRoundCorner..." properties. Would you be able to share an example of the json to set the rounded corners?

Helpful resources

Announcements
Sept PBI Carousel

Power BI Monthly Update - September 2024

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

September Hackathon Carousel

Microsoft Fabric & AI Learning Hackathon

Learn from experts, get hands-on experience, and win awesome prizes.

Sept NL Carousel

Fabric Community Update - September 2024

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

Top Kudoed Authors