topic Re: Embedded power BI Mobile Layout doesn't work in Developer

Embedded power BI Mobile Layout doesn't work

firstch — Fri, 26 Aug 2022 04:48:09 GMT

Hi everyone please help , how to embedded power BI with mobile view

this is my code that i have input config in file name "/Authenticate-ServicePrincipal/Embed for your customers/Embedded report.cshtml"

but it still show desktop layout

this is git that I use as reference:https://github.com/Dhruvinshah16/PBI-Embedded-ASP.NET

Thankyou in advance

Best Regard

firstch

Re: Embedded power BI Mobile Layout doesn't work

Anonymous — Mon, 29 Aug 2022 08:07:10 GMT

Hi @firstch ,

There are two layout types dedicated to mobile devices:

MobilePortrait - Optimized for portrait view. This is the mobile layout you created for your report.
MobileLandscape - Optimized for landscape view. This is the regular layout of your report.

For example, the following code shows how to embed the report with a mobile layout.

// Get models. models contains enums that can be used.
var models = window['powerbi-client'].models;

var embedConfiguration = {
    type: 'report',
    id: reportId,
    embedUrl: embedUrl,
    tokenType: tokenType,
    accessToken: accessToken,
    settings: {
        layoutType: models.LayoutType.MobilePortrait
    }
};

You may refer to this offical blog to learn more details about how to embed a report using mobile layout.

Best Regards,
Rico Zhou

If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.

Re: Embedded power BI Mobile Layout doesn't work

firstch — Tue, 30 Aug 2022 06:50:48 GMT

Hi @Anonymous
The problem solved, I reccorrect the bootstrap part in code first then add the above code, its work

thank you
Best Regard
firstch

Re: Embedded power BI Mobile Layout doesn't work

Anonymous — Mon, 04 Sep 2023 13:24:30 GMT

Hi @firstch, can you please detailed the correction you made in bootstrap to make this function work ?

Thank you very much !