cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Highlighted
Frequent Visitor

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

4 REPLIES 4
Highlighted
Community Support
Community Support

Re: iframe mobil optimize

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

Community Support Team _ Xiaoxin
If this post helps, please consider Accept it as the solution to help the other members find it more quickly.
Highlighted
Frequent Visitor

Re: iframe mobil optimize

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

pbi-movil.PNG

 

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:

pbi-fail-test-movil-on-link.PNG

when view report open desktop

desktop.PNG

 

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

 

Highlighted
Community Support
Community Support

Re: iframe mobil optimize

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

Community Support Team _ Xiaoxin
If this post helps, please consider Accept it as the solution to help the other members find it more quickly.
Highlighted
Kudo Collector
Kudo Collector

Re: iframe or link mobil optimize

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

2020-06-21_13-36-51[1].png


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:

PBIDesktop_2020-06-21_13-44-08[1].png

 

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’ 

Helpful resources

Announcements
August 2020 Community Challenge: Can You Solve These?

August 2020 Community Challenge: Can You Solve These?

We're excited to announce our first cross-community 'Can You Solve These?' challenge!

Community Blog

Community Blog

Visit our Community Blog for articles, guides, and information created by fellow community members.

Upcoming Events

Upcoming Events

Wondering what events you could join or have an event to promote yourself? Check out our Upcoming Events.

Get Ready for Power BI Dev Camp

Get Ready for Power BI Dev Camp

We are thrilled to announce we will begin running a monthly webinar series named Power BI Dev Camp.

Top Solution Authors
Top Kudoed Authors