Laying out the components

How the UI components are placed on the browser is reliant on the following two factors:

  1. The size of the components
  2. The layout of the components

Size

Previously, when we stared at the Component interface, we noticed it inherited from Sizeable and we have a look at that now.

Moreover, we have seen in Chapter 3 that the only terminal concrete implementation provided out-of-the-box with Vaadin is the web browser. As such, size in Vaadin is governed by two properties: unit and value.

Available units are exactly the same as those defined by the W3C CSS1 specifications.

Visit http://www.w3.org/TR/REC-CSS1/#units for detailed information about W3C CSS1 specifications.

As a quick reminder, these are summed up in the following table: ...

Get Learning Vaadin now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.