Power Bi Embeded Mobile Layout not displaying

Anonymous — Fri, 21 May 2021 08:09:18 GMT

Good day to all. I have a slight problem with displaying mobile view of embedded report. That report has a mobile view, I just can't display it, I always get desktop version. My embed config looks like this:

var config = { type: 'report', tokenType: models.TokenType.Aad, accessToken: txtAccessToken, embedUrl: txtEmbedUrl + "&mobileView=true", //I tried putting this to get mobile view to activate but to no avail id: txtEmbedReportId, permissions: permissions, pageName: "ReportSection", settings: { layoutType: models.LayoutType.MobilePortrait, //as you see I call the right setting(hopefully) panes: { filters: { visible: false } } } };

This is the content of my WebView in Xamarin App, but I used JavaScript client for embedding. I suspect that I have a file missing that could recognize and turn on mobile view, so here are the files I have:

powerbi-client.d.ts version is v2.18.0

I also placed this code in my .html file head element:

Re: Power Bi Embeded Mobile Layout not displaying

V-lianl-msft — Mon, 24 May 2021 02:42:54 GMT

First you will need to create a report with mobile layout using Power BI desktop. After you created the report you can embed it using JavaScript SDK. In order to decide in which layout to embed, use the layoutType property of settings in embed configuration.

https://github.com/Microsoft/PowerBI-JavaScript/wiki/Embed-For-Mobile#embed-a-report-in-mobile-layout

Current power bi embedded only available on web browser, it not contains mobile compatibility. You could code your website to change the Iframe to the mobile one when on mobile.

topic Re: Power Bi Embeded Mobile Layout not displaying in Developer

Power Bi Embeded Mobile Layout not displaying

Re: Power Bi Embeded Mobile Layout not displaying