Forum Discussion

Sakshi's avatar
Sakshi
Helper I
8 years ago

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?

 

 

Need Help

2 Replies

  • v-ljerr-msft's avatar
    v-ljerr-msft
    Microsoft Employee
    8 years ago

    Hi Sakshi,

     

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

     

    Regards

    • Sakshi's avatar
      Sakshi
      Helper I
      8 years ago

      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.