Layout Type MobilePortrait

[kfir]

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-%20interactio... ….

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

[Anonymous]

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