Report Tabs Disappearing in Power BI Embedded

[JMSNYC]

Hi. I have another issue with my PowerBI file that I export as Embedded reports in my App: On my PBI Desktop file and in PowerBI Service, I can see the different tabs for 4 pages of reports : https://gyazo.com/bd5c3363addc5e7de6f4e36324990d65 ... but once I embed the file into my App via the report address the tabs don't show up anymore. https://gyazo.com/254045c7b7281777ece1aa69acc8254c How can I make them appear in my App ? Thanks

[JMSNYC · Accepted solution]

Thanks Xiaoxin again.

I still did not see the page number in the embedded display of my report, but exploring further this topic

... and for the benefit of the community ...

... I used bookmarkl/slicer features that helped me recreate the navigation pages.

Best.

JM

[v-shex-msft]

Hi @JMSNYC,

It seems like you are use 'publish to web' feature to share your report.(this not means power bi embed)

What is Power BI Embedded in Azure?

For publish to web feature, it and will convert tabs to page number.

BTW, for power bi embedded, it support report tabs.

Microsoft Power BI Embedded Playground Sample

Regards,

Xiaoxin Sheng

[rajulshah]

Hello @v-shex-msft,

I am also facing the same issue and I don't want to use Bookmarks feature. Do you have any instructions that I can follow to achieve the requirement?

Any help would be great.

[socc726]

If you are using the javascript api you can acheive this by adding the following setting:

navContentPaneEnabled: true

config object looks like this:

var config= {
  type: 'report',
  tokenType: 1,
  accessToken: token,
  embedUrl: url,
  id: reportId,
  permissions: 7,
  settings: {
    filterPaneEnabled: filtersEnabled,
    navContentPaneEnabled: true,
    background: 1
  }
};

[JMSNYC]

Hi.

Thank you for your guidance.

Could you please guide me on where I should embed this code? Someone set-up the Embedded feature for me. Hence, I don't know where to find this javascript

BR

[socc726 · Accepted solution]

you may want to do a find in your project for:

<div id="reportContainer"></div>

or 

var embedContainer = $('#reportContainer')[0];

If you are having trouble finding where the embeded report is instantiated then trying running a find on some of the config object keys like: accessToken, embedUrl, pageView, tokenType

also you can take a look at the embed playground, maybe the person who implemented it followed the examples here: https://microsoft.github.io/PowerBI-JavaScript/demo/v2-demo/index.html

What you are looking for is the place where a new embed object is created:

var report = powerbi.embed(embedContainer, config);

The 2nd parameter is the config settings which my first post referenced. This object is where you can turn on/off the report tabs - navContentPaneEnabled: true

[JMSNYC]

You are a genius !! This works beautifully. Thank you so much. 

[JMSNYC · Accepted solution]

Thanks Xiaoxin again.

I still did not see the page number in the embedded display of my report, but exploring further this topic

... and for the benefit of the community ...

... I used bookmarkl/slicer features that helped me recreate the navigation pages.

Best.

JM

[JMSNYC]

Hi Xiaoxin.

Thank you for your answer.

I am NOT using the 'publish to web" feature, but I am actually using PowerBI Embedded.

I still dont see how PowerBI Embedded supports report tabs. Neither tabs nor page numbers show up at the bottom of my embedded view.

Could you please further help?

Thanks,

JM