Forum Discussion

Olenard's avatar
Olenard
Helper III
5 years ago
Solved

Embedding Power BI Report hidding tab

Dear Colleagues,

 

I'am looking for hidding the Navigation Tab when embedding using Iframe.

 

 

 

Do you have any idea. The basic code is 

 

<iframe width="1140" height="800" src="https://app.powerbi.com/reportEmbed?reportId=9df58ba5-c6f5-45c0-8eae-c7309722196e&autoAuth=true&ctid=bddddbb1-db54-40d5-b230-0609bcef2068&config=eyJjbHVzdGVyVXJsIjoiaHR0cHM6Ly93YWJpLW5vcnRoLWV1cm9wZS1mLXByaW1hcnktcmVkaXJlY3QuYW5hbHlzaXMud2luZG93cy5uZXQvIn0%3D" frameborder="0" &navContentPaneEnabled: "false"&allowFullScreen="true" clip:rect(0px,1100px,543px,0px) 
></iframe>

  • Page navigation is enabled/visible by default, though it's possible to disable/hide it by either
    - adding the attribute on the element

      <div ... powerbi-settings-nav-content-pane-enabled="false"></div>

    -or specifying the setting properties in the embed report    configuration:

       var embedConfig = {

         ...

        settings: {

             navContentPaneEnabled: false

             }
    };

    You can check the following sample Power BI JavaScript - pagenavigation demo 

2 Replies

  • Page navigation is enabled/visible by default, though it's possible to disable/hide it by either
    - adding the attribute on the element

      <div ... powerbi-settings-nav-content-pane-enabled="false"></div>

    -or specifying the setting properties in the embed report    configuration:

       var embedConfig = {

         ...

        settings: {

             navContentPaneEnabled: false

             }
    };

    You can check the following sample Power BI JavaScript - pagenavigation demo