Forum Discussion

JMSNYC's avatar
JMSNYC
Icon for Helper III rankHelper III
8 years ago
Solved

Report Tabs Disappearing in Power BI Embedded

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://...
Need Help
  • JMSNYC's avatar
    JMSNYC
    8 years ago

    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

  • socc726's avatar
    socc726
    7 years ago

    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

rajulshah's avatar
rajulshah
Icon for Resident Rockstar rankResident Rockstar
7 years ago

Hello Anonymous,

 

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's avatar
socc726
Regular Visitor
7 years ago

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's avatar
    JMSNYC
    Icon for Helper III rankHelper III
    7 years ago

    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's avatar
      socc726
      Regular Visitor
      7 years ago

      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's avatar
        JMSNYC
        Icon for Helper III rankHelper III
        7 years ago

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