Forum Discussion
How to Hide Power BI iFrame Embedded Report Tabs
Hi, I am trying to build a web app that embeds one particular Power BI report. Since this is only one report, I would like to hide "Filters" and the tabs. I was able to figure out how to hide "Fi...
Anonymous
You can surely hide the page navigation with Power BI Javascript API. Check a more elegant demo Custom Page Navigation.
<html> <script src="https://microsoft.github.io/PowerBI-JavaScript/demo/bower_components/jquery/dist/jquery.js"></script> <script src="https://microsoft.github.io/PowerBI-JavaScript/demo/bower_components/powerbi-client/dist/powerbi.js""></script> <script type="text/javascript"> var embedConfiguration = { type: 'report', accessToken: 'eyJ0YourTokenHereA', id: '719c43ad-xxxxx-f79e8f58c1a6', embedUrl: 'https://app.powerbi.com/reportEmbed?reportId=719c43ad-b663-xxxxxxx-f79e8f58c1a6', settings: { filterPaneEnabled: false, navContentPaneEnabled: false } }; var report; window.onload = function () { var $reportContainer = $('#reportContainer'); report= powerbi.embed($reportContainer.get(0), embedConfiguration); } </script> <div id="reportContainer"></div> </html>I know this is an old post. However for anyone one else who comes cross this page and wonder why it did not work. This will not work with the standard BI link you get once you publish report in our case to a workspace. You will need to do the following to get the right link: -
- Once Published go to the file menu.
- Then select </> Embed Report
- Followed by Website or portal
- Copy the link below Here's a link you can use to embed this content
- Paste this into web browser
- Add the following to the end of the link &navContentPaneEnabled=false
You should now get a full screen page with no page navigations showing
Hi!
Super nice stuff here! Question: how can one hide the PowerBI footer at the end of an iframe?
Any chance there is a simple "&...." to add to the embed link?
Thanks!
Were you able to resolve this?