Screen layout

Hi, i have 2 Vaadin components on the page. Also i added a table component from Cuba Studio and the studio’s component automatically occupies half of the page and didn’t manage to resize it. How can i solve this? Thanks.



It happens because of the root container distributes the place equally for all components by default. For example, if you have a horizontal layout that has 100% width and contains two buttons, they will take each 50% of parent width not considering their own width.
I suggest that you take a look at the screen layout rules: link. It should help with understanding how the layout works.
Best regards,

Thank you.