Skip to main content
cancel
Showing results for 
Search instead for 
Did you mean: 

Earn the coveted Fabric Analytics Engineer certification. 100% off your exam for a limited time only!

Reply
desarrollosbi
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

5 REPLIES 5
avatorl
Impactful Individual
Impactful Individual

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

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
Community Support
Community Support

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 as solution to help other members find it more quickly.

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

 

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 as solution to help other members find it more quickly.

Helpful resources

Announcements
April AMA free

Microsoft Fabric AMA Livestream

Join us Tuesday, April 09, 9:00 – 10:00 AM PST for a live, expert-led Q&A session on all things Microsoft Fabric!

March Fabric Community Update

Fabric Community Update - March 2024

Find out what's new and trending in the Fabric Community.

Top Kudoed Authors