cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
mhasanbulli Regular Visitor
Regular Visitor

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 "Filters" using 

&filterPaneEnabled=false

which I found on the forums. However, there are no hints if it is possible to hide the report tabs. There is one report and there is no reason to have tabs (at least for my purposes).

snip_20170202100451.png

Is this possible? If so, where do we find all this information? How are we supposed to know what options are available for modifying the look? 

 

Cheers.

 

1 ACCEPTED SOLUTION

Accepted Solutions
Moderator Eric_Zhang
Moderator

Re: How to Hide Power BI iFrame Embedded Report Tabs

@mhasanbulli

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>
7 REPLIES 7
Moderator Eric_Zhang
Moderator

Re: How to Hide Power BI iFrame Embedded Report Tabs

@mhasanbulli

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>
abhi123 Frequent Visitor
Frequent Visitor

Re: How to Hide Power BI iFrame Embedded Report Tabs

Hi mhasanbulli,

Below link will help you to solve your problems related to power bi embed with JS. Let me know if anything more needed.

https://microsoft.github.io/PowerBI-JavaScript/demo/v2-demo/index.html

Thanks,
Abhi.

abhi123 Frequent Visitor
Frequent Visitor

Re: How to Hide Power BI iFrame Embedded Report Tabs

Hi mhasanbulli,

Below link will help you to understand each and every terms of how to embed report , how to get pages details , and many more customization etc. 

https://microsoft.github.io/PowerBI-JavaScript/demo/v2-demo/index.html

Thanks,
Abhi.

albertoderossi Frequent Visitor
Frequent Visitor

Re: How to Hide Power BI iFrame Embedded Report Tabs

Is there a way to hide the page selector in the bottom of the frame? the one tha looks like this: <  1  of  5  >

We want to deliver specific pages for especific users

 

albertoderossi Frequent Visitor
Frequent Visitor

Re: How to Hide Power BI iFrame Embedded Report Tabs

Is there a way to hide the page selector in the botom of the frame? the one that looks like this: <  1   of   5   >

We need to deliver especific pages to specific users

 

Thx

Nirav1 Occasional Visitor
Occasional Visitor

Re: How to Hide Power BI Particular page

How to Hide Power BI Particular page out multiple page from the code side.

Not to hide from BI right click and check

veeramohan_m Frequent Visitor
Frequent Visitor

Re: How to Hide Power BI iFrame Embedded Report Tabs

Hi @mhasanbulli

 

I tried the solution that you have marked but I couldnt hide the filters pane and navigation pane.

 

I am working on an on-premise Power Bi Report server and trying to publish a report from the report server to the web.

 

When I attach the URL query parameter "?rs:Embed=true" to the report URL, I can see it in fullscreen. But When I add the "&filterPaneEnabled=false" parameter, the URL just ignores it.

 

Please suggest me what I am missing.

 

Thanks,

Mithra