Microsoft Fabric Community Conference 2025, March 31 - April 2, Las Vegas, Nevada. Use code MSCUST for a $150 discount.
Register nowThe Power BI DataViz World Championships are on! With four chances to enter, you could win a spot in the LIVE Grand Finale in Las Vegas. Show off your skills.
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 Layout
And here is how it looks in page after embed with MobilePortraitLayout:
After 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!
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
March 31 - April 2, 2025, in Las Vegas, Nevada. Use code MSCUST for a $150 discount!
If you love stickers, then you will definitely want to check out our Community Sticker Challenge!