Power BI Embedded Report Not Rendering Properly in Mobile App (Despite Mobile Layout)

[Anusha66]

We are embedding Power BI reports into another application that is available on both desktop and mobile platforms.

The report currently in use has been designed with both desktop layout and mobile layout in Power BI. While the report renders correctly within our application on desktop, we are facing issues in the mobile app, where the report does not display properly. Specifically, we are observing:

• Overlapping visuals
• Formatting/layout inconsistencies
• Improper scaling

However, the same report appears correctly in the Power BI mobile app, which indicates that the mobile layout is configured properly.

 

How can we ensure that the embedded report renders in the mobile app exactly as it does in the Power BI mobile app?

Are there any specific configurations, settings (e.g., layoutType), or best practices we should follow while embedding to support mobile layouts effectively?

Any guidance or recommendations would be greatly appreciated.

Thanks in advance!

[v-saisrao-msft · Accepted solution]

Hi @Anusha66,

Embedded applications need to explicitly set layoutType: models.LayoutType.MobilePortrait to display a report's mobile layout. Microsoft indicates that the layoutType setting determines which layout is shown, not the device orientation. Since the report displays correctly in the Power BI Mobile App, please check that the embed configuration is specifically requesting the mobile layout when loading the report.

Embedding a Power BI report with mobile layout in Power BI embedded analytics | Microsoft Learn

Mobile-Optimized Power BI Reports Overview - Power BI | Microsoft Learn

Thank you.

[A454A · Accepted solution]

You can refer to this doc. 

https://learn.microsoft.com/en-us/javascript/api/overview/powerbi/mobile.

Power BI Embedded does NOT automatically switch between mobile and desktop layouts — you must detect the device in your code and explicitly set layoutType (MobilePortrait or MobileLandscape). 

[v-saisrao-msft · Accepted solution]

Hi @Anusha66,

Embedded applications need to explicitly set layoutType: models.LayoutType.MobilePortrait to display a report's mobile layout. Microsoft indicates that the layoutType setting determines which layout is shown, not the device orientation. Since the report displays correctly in the Power BI Mobile App, please check that the embed configuration is specifically requesting the mobile layout when loading the report.

Embedding a Power BI report with mobile layout in Power BI embedded analytics | Microsoft Learn

Mobile-Optimized Power BI Reports Overview - Power BI | Microsoft Learn

Thank you.

[A454A]

You can refer to this doc. 

https://learn.microsoft.com/en-us/javascript/api/overview/powerbi/mobile.

Power BI Embedded does NOT automatically switch between mobile and desktop layouts — you must detect the device in your code and explicitly set layoutType (MobilePortrait or MobileLandscape).