Power Bi Embeded Mobile Layout not displaying

[Anonymous]

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:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

[V-lianl-msft · Accepted solution]

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-layou... 

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.