cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Sakshi
Helper I
Helper I

Report Iframe does not responds to html-css in ipad

Hi, I am trying to embed an iframe in a division through HTML-CSS. The styling is working fine on the desktop i.e. report will resize based on its container and scrolling appears for the report. The same code is not working on iPad Safari browser. Can anyone suggest what will be the possible issue?

 

 

2 REPLIES 2
v-ljerr-msft
Microsoft
Microsoft

Hi @Sakshi,

 

Could you post some sample code which can help us reproduce the issue, so that we can further assist on it? Smiley Happy

 

Regards

Hi @v-ljerr-msft

 

I am using the GreenSock library. https://codepen.io/GreenSock/pen/dPZLEp Hit the URL and in JS section replace last line code "my message" to

"<iframe width=\"100%\" height=\"100%\" src=\"https://app.powerbi.com/view?r=eyJrIjoiNmJjNGY4YWMtODBmOS00YWNlLTg1MzgtMDE4YjYwODdmMjcwIiwidCI6ImYyZDQ5ZTFmLWE2MWQtNDBkMC1hYWY1LTI5Mzc0MGY1NTAxMyIsImMiOjZ9\" frameborder=\"0\" allowFullScreen=\"true\"></iframe>"

There in the 1st division report will be displayed in the Output window. This seems fine on desktop but on iPad, report overflows the div container.

Helpful resources

Announcements
Power BI December 2021 Update_carousel 768x460.jpg

Check it Out!

Click here to read more about the December 2021 Updates!

Jan 2022 Dev Camp 768x460 copy.png

Power BI Dev Camp- January 27th, 2022

Mark your calendars and join us for our next Power BI Dev Camp!

UG GA Amplification 768x460.png

Launching new user group features

Learn how to create your own user groups today!