Embedded power BI Mobile Layout doesn't work

[firstch]

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

[Anonymous]

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.

[firstch]

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

[Anonymous]

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

Thank you very much !