Hi,
How to set the left sidebar to the full application height, identical as the right sidebar and don’t overlap the panels at the bottom?
Thank you.
Depending on how you built the layout, there’s going to be some difference but it’s pretty much similar solution.
By default, the following behavior occurs.
Your left and right sidebars should be inside a Row which should be inside a Container.
Essentially container > row > col & col
=============================
Container
Row
Col(left sidebar) Col(right side)
=============================
In your design’s Overview pane
HTML
-Body
–Container
—Row
----Col
----Col
—Footer
The Row by default should have Flex enabled, so should the two Cols.By default this will make the Cols equal in height and will expand to the same height based on which ever has the more content.
To easily see this behavior, I would suggest opening a new blank design, drag in a Container then drag a Row into the Container then drag in 2 Cols into the row.
Then drag in a Span into each Col and in one of them put a lot of text.
Select the left Col and give it a BG color then select the right Col and give it a different BG color
You can also drag in and drop any other element you want into an on top of the Container in the (Overview pane) and it will appear under the Row with the 2 Cols so that you can see it will not overlap into that footer section.
Saj