iframe or link mobil optimize

[desarrollosbi]

how to insert an iframe or link and allow to visualize the mobile configuration check example: corona.dataclue.bi

Regards

Thanks

JaBI

[avatorl]

@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’ 

[nokia447]

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/

/

[v-shex-msft]

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.

Publish to web from Power BI 

3 ways to embed Power BI 

What is Power BI Embedded?  

Regards,

Xiaoxin Sheng

[desarrollosbi]

Hi @v-shex-msft 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=eyJrIjoiMGVkNmU1MjktNGIwNy00NDdiLWE4ZDktN2E2NTIyOWFlZTdmIiwidCI6IjJjO...

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

[v-shex-msft]

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)

Publish to web from Power BI 

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)

Embedding in our mobile app 

Tutorial: Embed Power BI content into an application for your customers 

Regards,
Xiaoxin Sheng