Shifter adaptive layout

Hello, I would like to know whether Vaadin supports a shifting layout. In my case, that would mean a 20%/80% vertical flow layout on vertical screens and a 20%/80% horizontal flow layout on a horizontal screen. Thanks in advance.

Fala Márcio, tudo bem?

We don’t have a specific component to handle that, but you can build your own using CSS to handle the orientation changes of the device, like how it is explained here: https://developer.mozilla.org/en-US/docs/Web/API/CSS_Object_Model/Managing_screen_orientation . Or if you build a webcomponent, you can also use javascript to listen to size events and change the behavior accordingly, despite orientation flags.

That’s a nice idea for an add-on :slight_smile: