O'Reilly logo

Learning Vaadin by Nicolas Frankel

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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: ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required