Skip to main content
cancel
Showing results for 
Search instead for 
Did you mean: 

July 28 - August 9 | Final Round of the Power BI Dataviz World Championships. This is your chance. Learn more

Reply
idelix
Frequent Visitor

PowerBI-JavaScript - Embed For Mobile does not work work for dashboards

I'm using PowerBI-JavaScript to show dashboard mobile view on the website and it doesn't work, it is fine when I choose type: report then the MobilePortrait layout is applied but with dashboard, this layout is completely ignored and the default MobileLandscape layout is shown instead.

 

I would expect that embedding mobile layout will work for reports and dashboards: https://github.com/Microsoft/PowerBI-JavaScript/wiki/Embed-For-Mobile

 

 

 

    var models = window['powerbi-client'].models;
    var permissions = models.Permissions.All;

    var embedConfiguration = {
        type: 'dashboard',
        tokenType: models.TokenType.Embed,
        accessToken: "<some token>",
        id: '<dashboard id>',
        embedUrl: 'https://app.powerbi.com/dashboardEmbed',
        settings: {
            layoutType: models.LayoutType.MobilePortrait
        }        
        // pageView: 'fitToWidth',
    }; 

    var embedContainer = $('#reportContainer')[0];
    report = powerbi.embed(reportContainer, embedConfiguration);

 

 

 

0 REPLIES 0

Helpful resources

Announcements
Fabric Community Sticker Design Challenge Barcelona Carousel

Fabric Community Sticker Challenge - Barcelona 2026

If you love stickers, then you will definitely want to check out our community sticker challenge, Barcelona edition!

July Power BI Update Carousel

Power BI Monthly Update - July 2026

Check out the July 2026 Power BI update to learn about new features.

Power BI DataViz World Championships carousel

Power BI DataViz World Championships - June 2026

A new Power BI DataViz World Championship is coming this June! Don't miss out on submitting your entry.