cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
nitin_sp
Regular Visitor

Report Embed in Phone Layout shows only middle part

Hi,

 

I am trying to use the mobile embed layout as explained here;

 

https://github.com/Microsoft/PowerBI-JavaScript/wiki/Embed-For-Mobile

 

Here is my config settings looks like for embed;

 

"{"tokenType":0,"accessToken":"<TOKEN>","permissions":7,"id":"211ff41e-e652-473a-9586-92d1f126ad99","embedUrl":"https://app.powerbi.com/reportEmbed?reportId=211ff41e-e652-473a-9586-92d1f126ad99","type":"report","pageName":"ReportSection","pageView":"oneColumn","settings":{"filterPaneEnabled":false,"navContentPaneEnabled":false,"layoutType":2}}"

 

The height and width of the embed div is: width: 724px; height: 407.25px;

 

I tried to change the height and width but that didnt matter much.

 

Here is a screenshot of the power BI desktop in Phone Layout:

 

Power BI Phone LayoutPower BI Phone Layout

 

And here is how it looks in page after embed with MobilePortraitLayout:

 

 

After embedAfter embed

 

Just want to understand whats wrong am I doing. I tried to play with the height / width to ensure thats not something wrong I am doing but that didn't help. 

 

Any help will be appreciated!

1 REPLY 1
mshenhav
Power BI Team
Power BI Team

Hey nitin_sp,

 

Can you please post your question atthe develop forum - https://community.powerbi.com/t5/Developer/bd-p/Developer

as the scenario you are describing is an embedded scenario.

This forum covers Power BI Mobile apps topics.

 

Thanks, Maya

Helpful resources

Announcements
November 2022 Update

Check it Out!

Click here to read more about the November 2022 updates!

Microsoft 365 Conference â__ December 6-8, 2022

Microsoft 365 Conference - 06-08 December

Join us in Las Vegas to experience community, incredible learning opportunities, and connections that will help grow skills, know-how, and more.