Black Lives Matter. Please consider donating to Black Girls Code today.
Dash HoloViews is now available! Check out the docs.

Resizing Dash to fit a parent container

Is there a way of automatically resizing content of a Dash to fit the size of its parent container? In my case it is an html iframe. I would like it to shrink to fit the iframe without requiring scroll bars.

I have attached an example of my problem

1 Like

This isn’t possible automatically or responsively, see https://stackoverflow.com/questions/325273/make-iframe-to-fit-100-of-containers-remaining-height. You will need to set the size of your Dash app explicitly (inside the Dash app) and then set the width and height of the iframe to match that size.

Thanks Chris, this helps going forward.