Important Notice - Forums is archived
To simplify things and help our users to be more productive, we have archived the current forum and focus our efforts on helping developers on Stack Overflow. You can post new questions on Stack Overflow or join our Discord channel.

Vaadin lets you build secure, UX-first PWAs entirely in Java.
Free ebook & tutorial.
Full-sized vertical layout
Hello,
I have a horizontal layout that consists of 2 vertical layouts: menu bar and app content area:
MAIN (horizontal layout)
+-------------+-------------------------------------+
| menu | |
| | |
| | application content |
| | |
| | |
| | |
| | |
| | |
+-------------+-------------------------------------+
Now i want menu bar to fill entire space all the way down to the bottom. It is easy by setting height of all layouts to 100%. But, in that case application content is cut if it exceeds screen height. If I don't set height to all, Content area expands as it grows, scroll bar is shown but menu bar does not expand to the bottom (beacuse it is usually short, 2-3 menu items and there is nothing to expand it downwards).
Is there any way to achieve the following:
1. Menu bar takes all vertical space regardless of its contnet
2. Content area grows if it's components take space larger than available window and menu's height follows the content's height (but if content is shorter, menu bar shoud still fill vertical space)
Thank you!
Set horizontal layout size full and use Panel in right hand side.
Panel give scroll bars to you when needed https://vaadin.com/book/-/page/layout.panel.html
Thanks,
Does that mean that what I described is not possible?