Forum Discussion
iframe or link mobil optimize
how to insert an iframe or link and allow to visualize the mobile configuration check example: corona.dataclue.bi
Regards
Thanks
JaBI
5 Replies
Hi desarrollosbi,
I don't think it is possible to custom iframe tag with a specific link to embed power bi contents. If you want to embed power bi content to the mobile application, please check 'publish to web' and 'power bi emebed' feature to embed with a specific iframe format.
Regards,
Xiaoxin Sheng
Hi Anonymous Xiaoxin Sheng you are right in the iframe, but then we only need the link that can be seen in the mobile view but I still don't know how they do it in this example 1. https://app.powerbi.com/view?r=eyJrIjoiMGVkNmU1MjktNGIwNy00NDdiLWE4ZDktN2E2NTIyOWFlZTdmIiwidCI6IjJjOTJmZjI0LWI0MmMtNDgwZC1iNzRkLTY2ZmNlNzZiZDdkYSIsImMiOjl9
Example target view link
or how to post a link to show the mobile view if it is opened from a mobile device
I am using power bi desktop and in a report I have optimized the mobile view but when I share the link it is not possible to see it mobile.
And check image on pbi mobil design:
when view report open desktop
To open all the links shown here, the same browser was used on a desktop pc
Does anyone have a guide or video that indicates step by step how to do this?
Thanks
Hi desarrollosbi,
If you only want to view power bi content on your mobile application side, you can take a look at the 'publish to web' feature to generate the iframe code and paste to your application initiation steps. (it will share current report contents as 'public' with a few limitations)
For accurate control embed contents, please check following links about power bi embedded feature. (it required premium license, and azure ad operations permissions, and programming language/script development experience)
Tutorial: Embed Power BI content into an application for your customers
Regards,
Xiaoxin Sheng
desarrollosbi
The report in your example it's a 'Publish to Web' URL embeded into iframe.
'Publish to web' feature doesn't support native mobile view (created in Power BI Desktop using 'Mobile layout'). So, for https://corona.dataclue.bi/ they created 2 different reports: one for desktop devices and one for mobile devices.
Thre is a Java Script on this web page to detect device type and to load into iframe either desktop report or mobile report (yellow and green links are different, it's 2 different reports) automatically.And on https://corona.dataclue.bi/mobile/ page there is no Java Script, mobile version of the report is embedded into this page.
'See mobile version' link on https://corona.dataclue.bi/ is just a link to an external web page - https://corona.dataclue.bi/mobile/.
And their 'mobile' version of the report is just a regular Power BI report with modified page size, something like this:
It's just a workaround, not perfect, but native 'mobile layout' won't work with Publish to Web anyway.
And there is no need to create 2 separate report. You can have designited page in your report adapted (by changing page size) for mobile devices. Then just use pageName parameter to load certain page into iframe. On the https://corona.dataclue.bi/ java script loads either 'desktop' or 'mobile' report into iframe, but you can to load either desktop opimized page or mobile optimized page of the same report. Read more about pageName parameter in my article on my blog: URL based navigation for a report shared via ‘Publish to Web’Hi
I tried this, and I can't get it to work. The report https://corona.dataclue.bi/mobile/ scrolls vertical very nice within the page. So it it actually higher than 500. I think the size is more like 350x3000. But when I do use that size the report is fitted into one page, no scrolling possible. This makes it "thin & high".
Any ideas how to achieve same scrolling as here: https://corona.dataclue.bi/mobile/
/
