Layout Type MobilePortrait

kfir — Wed, 06 Jan 2021 15:02:59 GMT

Hi,

After searching in the forum, I did not find a clear answer to my case.

I am trying to embed PowerBI on Mobile devices. For simplification, I am using PowerBI-Developer-Samples . after updating the appsettings.json , and verifying everything work well on the web, I added layoutType into index.js .

reportLoadConfig = {

type: "report",

tokenType: models.TokenType.Embed,

accessToken: embedData.EmbedToken.Token,

// You can embed different reports as per your need

embedUrl: embedData.EmbedReport[0].EmbedUrl,

//pageName: "ReportSection",

// Enable this setting to remove gray shoulders from embedded report

settings: {

layoutType: models.LayoutType.MobilePortrait

}

};

When running the solution, PBI iframe rendering never ends, and I receive an error:

index.js:75 Error: [$injector:unpr] http://errors.angularjs.org/1.8.0/$injector/unpr?p0=interactionsRegistryProvider%20%3C-%20interactionsRegistry%20%3C-%20InteractionsRegistryService ….

Note:

In PowerBI Desktop, for every page, I created a mobile view and published it to PowerBI service.
I have tested in Power BI Embedded Playground and there I can see the mobile reports.

Any ideas?

Thanks,

Kfir

Re: Layout Type MobilePortrait

Anonymous — Fri, 08 Jan 2021 02:30:43 GMT

HI @kfir,

Where did this issue appear? The web browser of PC client or mobile devices?
Perhaps you can try to refer to the following link to use the numeric parameter of layout type to confirm it works on your side.

MobilePortrait layout type doesn't work when embedding a report

Regards,

Xiaoxin Sheng

topic Layout Type MobilePortrait in Developer

Layout Type MobilePortrait

Re: Layout Type MobilePortrait