Skip to main content
New

Include iframe resizer inside embedded iframes

Related products:Product Analytics
  • December 22, 2022
  • 1 reply
  • 108 views

Hi,

We, at Veesual, use the Embedded Amplitude reports as dashboards for our users, allowing the business team to be completely autonomous from the tech team, it works great (although pretty slow to load).

The problem is the Embedded Amplitude reports are integrated inside iframes with a specific height, which means, whenever a report is edited (adding or removing graphs) the content height changes which creates a double scroll until we manualy adjust the iframe height.

It would be great if we could simply use something like iframe-resizer (https://github.com/davidjbradshaw/iframe-resizer) in order for the iframe content to automaticaly send its content height to the parent throught iframe messages. On your side, this would only mean injecting the iframeResizer.contentWindow.min.js file in each report, and specify in your doc that the iframes are iframe-resizer compatible.

Today, the only way I can think of in order to adjust the height automaticaly is to load the iframe content inside puppeteer regularly in order to mesure the total height and adjust the iframe HTML code.

Thanks in advance for reading me :)

Damien

1 reply

Jeremie Gluckman
Team Member
Forum|alt.badge.img+9

Thanks for this idea @Damien. I’ve just submitted it to the team for review! 😁


Reply


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings