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

how to create public iframe on website but optimized for mobile version

Dear friends how to create public iframe on website but optimized for mobile version, view great example from your smartphone: https://corona.dataclue.bi

 

how can it solved?

 

Thanks

Regards

JaBI

2 ACCEPTED SOLUTIONS

Accepted Solutions
Highlighted
Community Champion
Community Champion

Re: how to create public iframe on website but optimized for mobile version

@desarrollosbi 

 

They have created two reports.

  1. for desktop
  2. for mobile 

For mobile-specific report they have used custom resolution (Page-size)

Then they have embedded the report into their site and based on the screen resolution they are interchanging the actual URL.


Did I answer your question? Mark my post as a solution!
Appreciate with a kudos
🙂

View solution in original post

Highlighted
Community Champion
Community Champion

Re: how to create public iframe on website but optimized for mobile version

@desarrollosbi 

 

Since they are using custom page size, I don't know the exact values. But you can follow the normal mobile resolution 800x480 (16:10).

Then increase the height based on your requirement. Then you will get scroll bar in mobile, but vertical scroll bar is normal in mobile view.



Did I answer your question? Mark my post as a solution!
Appreciate with a kudos
🙂

View solution in original post

4 REPLIES 4
Highlighted
Community Champion
Community Champion

Re: how to create public iframe on website but optimized for mobile version

@desarrollosbi 

 

They have created two reports.

  1. for desktop
  2. for mobile 

For mobile-specific report they have used custom resolution (Page-size)

Then they have embedded the report into their site and based on the screen resolution they are interchanging the actual URL.


Did I answer your question? Mark my post as a solution!
Appreciate with a kudos
🙂

View solution in original post

Highlighted
Frequent Visitor

Re: how to create public iframe on website but optimized for mobile version

@nandukrishnavs thank you very much I had not reviewed the links well and indeed they are two links with different views, so 

can you help me in what parameters the report page size should be configured in the power bi layout to get a mobile view as shown in the example please

regards

Highlighted
Community Champion
Community Champion

Re: how to create public iframe on website but optimized for mobile version

@desarrollosbi 

 

Since they are using custom page size, I don't know the exact values. But you can follow the normal mobile resolution 800x480 (16:10).

Then increase the height based on your requirement. Then you will get scroll bar in mobile, but vertical scroll bar is normal in mobile view.



Did I answer your question? Mark my post as a solution!
Appreciate with a kudos
🙂

View solution in original post

Highlighted
Frequent Visitor

Re: how to create public iframe on website but optimized for mobile version

thank you I lean more for the vertical position of the mobile since it is the most used, so how would be the code html to use for switch links interchange

 

thanks

 

 

Helpful resources

Announcements
Super Users of the Quarter - Q2 2020

Super Users of the Quarter - Q2 2020

Who are our Super User Superstars? Who made it to the top of the leaderboards? Get the answers!

June 2020 Community Highlights

June 2020 Community Highlights

Featured community members, changes to the Community, and more! Read up on recent Power BI community news.

Community Summit North America

Community Summit North America

Innovate, Collaborate, Grow. The top training and networking event across the globe for Microsoft Business Applications

Power Platform 2020 release wave 2 plan

Power Platform 2020 release wave 2 plan

Features releasing from October 2020 through March 2021