Forum Discussion
Javascript toggle navigation bar
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!
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
4 Replies
- KumarDarmeshHelper IV
What is the navigation panel, can you post a snapshot?
- NerdFlandersAdvocate I
This navigation pane, or the filter pane, too.
- Eric_ZhangMicrosoft Employee
Have you checked this sample?
http://azure-samples.github.io/powerbi-angular-client/#/scenario6It calls vm.toggleNavContentPaneClicked() function.