This is best Fabric, Power BI, SQL and AI community event. How do we know? The last event sold out! Save €200 with code FABCMTY200.
Register nowA new Data Days event is coming soon! This time we’re going bigger than ever. Fabric, Power BI, SQL, AI and more. Don't miss out.
Hey,
I'm trying to embed a PowerBI report using the javascript api. The embedding itself already works fine, but how do i interact with the report now, for example toggle the visiblity of the navigation pane.
This is the javascriptcode for the embedding:
var models = window['powerbi-client'].models;
var $staticReportContainer = $('#iFrameReport');
var staticReport;
var embedConfig = {
type: 'report',
embedUrl: 'https://app.powerbi.com/reportEmbed/',
accessToken: document.getElementById('MainContent_accessToken').value,
id: '2ce50ab9-.......-e871bbihb78b3',
}
staticReport = powerbi.embed($staticReportContainer.get(0), embedConfig);
So do I have to write now to turn the navigation pane on and off?
The sample on Github does not help.
Thank you!
Solved! Go to Solution.
Thank you! I know this sample page, but i managed it to implement this function using this wiki
https://github.com/Microsoft/PowerBI-JavaScript/wiki/Page-Navigation
What is the navigation panel, can you post a snapshot?
This navigation pane, or the filter pane, too.
Have you checked this sample?
http://azure-samples.github.io/powerbi-angular-client/#/scenario6
It calls vm.toggleNavContentPaneClicked() function.
Thank you! I know this sample page, but i managed it to implement this function using this wiki
https://github.com/Microsoft/PowerBI-JavaScript/wiki/Page-Navigation
Check out the May 2026 Power BI update to learn about new features.
Sign up to receive a private message when registration opens and key events begin.
If you have recently started exploring Fabric, we'd love to hear how it's going. Your feedback can help with product improvements.
| User | Count |
|---|---|
| 2 | |
| 1 | |
| 1 | |
| 1 | |
| 1 |