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.

Product icon

Vaadin lets you build secure, UX-first PWAs entirely in Java.
Free ebook & tutorial.

Trouble with multiple layouts

Artyom Ulanchik
7 years ago Sep 12, 2015 8:18pm
Johannes Häyry
7 years ago Sep 13, 2015 6:53am

Your rootLayout is a VerticalLayout, which means that every component you add there will be stacked vertically. That's why your contentArea is below leftPanel. In order to get leftPanel and contentArea to be side-by-side you need to wrap them into HorizontalLayout. So something like this:

rootLayout (VL)
\-> menuLayout(HL)
\-> wrapper(HL)
      \-> leftPanel(VL)
Artyom Ulanchik
7 years ago Sep 13, 2015 2:12pm