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?