Hello,
When a panel or a set of panels is set up in a dashboard it seems that the width of the panel / each panel is automaticaly scaled as per level of zoom / screen size.
The height however does not follow the same behavior.
How can we make the height of a panel responsive as for its width ? i.e autoscale height as a % of the total height available in the browser.
Thanks,
Emilien
but yes it is as in your images
So we agree the panel height is not responsive ?
can you show that more
I’m pushing this, because I couldn’t find a satisfying solution anywhere else and this thread basically describes my main problem…
I am currently designing an informative dashboard with several images and texts, explaining the content of the time series’ and geomap panels. I put this informative content into text panels, but when I change the screen (e.g. from desktop to smartphone), I get exactly the same problem, as shown by Emilien.
So, if I get this correctly, a panel is split up into 24 columns and its horizontal position and width is then adjusted in relation to the screen width.
The panel height (and the vertical position) on the other hand is given as an absolute number of pixels (30 per count in the panel-json).
Hence, we will always run into problems, when we design a dashboard on a wider screen (e.g. with 1920 pixels) and try to display it on a narrower smartphone screen (e.g. with 1080 pixels), because the relations will get distorted.
So, when I design my dashboard on a desktop and switch to the phone then, I get blank spaces below images and text panels, which are too short for the text, they contain, because they are horizontally squeezed, but their vertical height remains the same.
Does anybody know of a workaround to adjust the panel height definition to the content of the panel, so that we can still get a nice layout?
Thanks in advance! 
