Search code examples
c#model-view-controllerpowerbipowerbi-embeddedpower-bi-report-server

PowerBi Embedded Report is empty on mobile browers

I have created a report with Power BI Desktop (October 2017), then I have saved it to a Power BI Server.

I am displaying the report in an iFrame, in an MVC Project, like this:

<div style="height:900px">
    <iframe src="http://192.168.0.20/reports/powerbi/util?rs:embed=true" allowFullScreen="true" style="overflow:hidden;height:100%;width:100%"></iframe>
</div>

The report displays correctly on a desktop browser, but when I enter from a mobile (Android or iOS), the report is blank (white).

Solution

  • You might find it more useful to use Power BI Embedded directly, this way you can embed it inside a element in your website.

    https://learn.microsoft.com/en-us/power-bi/developer/embedding

    You can even embed a mobile layout as authored in Power BI Desktop using only a single parameter in the load configuration: https://github.com/Microsoft/PowerBI-JavaScript/wiki/Embed-For-Mobile

    And create your own interactions with the JS SDK https://github.com/Microsoft/PowerBI-JavaScript/wiki/