Learn how to use Dash Bio for next-gen sequencing & quality control. 🧬 Access the recorded webinar.

Expand Card and Figure Height to Fill Parent

Using dash bootstrap components, is there a way to make dbc.card fill the height of its parent div so it updates dynamically? Additionally, I have a figure in the card that I wish to expand to fill the card. What’s the best way of doing this?


Hey Jules,

Ever get this solution? I’ve stumbled across this need as well!

1 Like

Bumping cause I’ve long wanted this.

From the documentation:

figure.layout.autosize - if True , sets the height and width of the graph to that of its parent container

You would think this would do it, but it sets the height & width necessary to fit the graph as a square. It does not actually adjust both the height and width to fill the graph.