HI all,
We’re using an iframe to embed Looker in our application.
Some of our dashboards are much deeper than the depth of a user’s screen. When we embed without setting a min-height CSS we can end up with two scroll bars: one for our application and one for Looker.
So we added a min-height greater than the dashboard height and that fixed the issue. We only had one scroll bar – for our application…
However, when drilling into a Look, the visualization now takes on the full height of the min-height, essentially rendering it unreadable because the visualization is now several screens deep.
The obvious solution would be to use JavaScript calculate the height of the user’s viewport and then set the iframe height to match the height of the viewport. In that way, our application wouldn’t have a scrollbar and the embedded Looker dashboard would have a scrollbar. When drilling down, the Look could only be as deep as the height of the user’s monitor.
However, there are a couple things I don’t like about that approach. One is that it will probably slow rendering the page a tiny bit or there may be a visible jump as the iframe resizes, the other is that resizing the monitor would require recalculating the viewport size.
Just wondering if anyone else has encountered this issue, and if so as any advice?
Thanks,
Ezra