Service

[jrichview]

Our client's web page hosts a power BI report (from service) in an iframe.  There's a dropdown on the page that posts a message to the iframe window to change pages.  This has been working fine until just recently. Now it has absolutely no effect on the displayed page.  Possibly broken in recent update?

[jrichview · Accepted solution]

Thank you, but we have the problem addressed now.  This issue can be closed.

For anyone still wanting to understand the issue, our original dropdown had a list of the tabs in the report and selecting an item in the dropdown would post a message (to the window inside the iframe to tell it what tab to display.  That is what broke in the update. The following is a snippet from the javascript code:

    var message = {
      action: 'setPage',
      pageName: PBIReports.Selector.value
    };

    PBIReports.Frame.contentWindow.postMessage(message, '*');

Now the code simply changes the iFrame's src attribute to the base URL with the (poorly documented) querystring parameter &pageName appended to it.

[v-qiuyu-msft]

Hi @jrichview,

Do you use the Embed Code generated from Publish to Web feature to embed the report in an iFrame? 

If it is, please copy and paste the URL in Embed Code to a browser page to access the report, check if page name list works. 

Best Regards,
Qiuyun Yu 

[jrichview]

Yes, we use the embed code but we hide the built in pager as the client did not care for it. We created a dropdown to change pages, and that is what does not work.

However, since posting this I have discovered a workaround: a query string parameter to append to the url which specifies the page you want to see.

[v-qiuyu-msft]

Hi @jrichview,

Would you please share code about how you "created a dropdown to change pages"?

It would be better if you could share .html file for us to reproduce the issue. If it's possible, you can upload .html file to your OneDrive and send the share link to me via private message. 

Best Regards,
Qiuyun Yu 

[jrichview · Accepted solution]

Thank you, but we have the problem addressed now.  This issue can be closed.

For anyone still wanting to understand the issue, our original dropdown had a list of the tabs in the report and selecting an item in the dropdown would post a message (to the window inside the iframe to tell it what tab to display.  That is what broke in the update. The following is a snippet from the javascript code:

    var message = {
      action: 'setPage',
      pageName: PBIReports.Selector.value
    };

    PBIReports.Frame.contentWindow.postMessage(message, '*');

Now the code simply changes the iFrame's src attribute to the base URL with the (poorly documented) querystring parameter &pageName appended to it.

[v-qiuyu-msft]

Hi @jrichview,

Thank your for sharing the solution which will benefit other members who has the same issue. 

I will close this thread as you requested. 

Best Regards,
Qiuyun Yu