Skip to main content
cancel
Showing results for 
Search instead for 
Did you mean: 

Register now to learn Fabric in free live sessions led by the best Microsoft experts. From Apr 16 to May 9, in English and Spanish.

Reply
Olenard
Helper III
Helper III

Embedding Power BI Report hidding tab

Dear Colleagues,

 

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

 

Olenard_0-1618164400607.png

 

 

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..." frameborder="0" &navContentPaneEnabled: "false"&allowFullScreen="true" clip:rect(0px,1100px,543px,0px) 
></iframe>

2 ACCEPTED SOLUTIONS
v-shex-msft
Community Support
Community Support

Hi @Olenard,

AFAIK, current power bi embedded seems not provide these options to custom navigation panel.
Maybe you can submit an idea to add options to control the report navigation panel or try to use power bi javascript to config them:

Solved: How to Hide Power BI iFrame Embedded Report Tabs - Microsoft Power BI Community

Regards,

Xiaoxin Sheng

Community Support Team _ Xiaoxin
If this post helps, please consider accept as solution to help other members find it more quickly.

View solution in original post

MawashiKid2
Helper I
Helper I

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 

View solution in original post

2 REPLIES 2
MawashiKid2
Helper I
Helper I

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 

v-shex-msft
Community Support
Community Support

Hi @Olenard,

AFAIK, current power bi embedded seems not provide these options to custom navigation panel.
Maybe you can submit an idea to add options to control the report navigation panel or try to use power bi javascript to config them:

Solved: How to Hide Power BI iFrame Embedded Report Tabs - Microsoft Power BI Community

Regards,

Xiaoxin Sheng

Community Support Team _ Xiaoxin
If this post helps, please consider accept as solution to help other members find it more quickly.

Helpful resources

Announcements
Microsoft Fabric Learn Together

Microsoft Fabric Learn Together

Covering the world! 9:00-10:30 AM Sydney, 4:00-5:30 PM CET (Paris/Berlin), 7:00-8:30 PM Mexico City

PBI_APRIL_CAROUSEL1

Power BI Monthly Update - April 2024

Check out the April 2024 Power BI update to learn about new features.

April Fabric Community Update

Fabric Community Update - April 2024

Find out what's new and trending in the Fabric Community.