Chapter 3. Arranging Components into Layouts

In this chapter, we will learn how to arrange components into layouts. So far, we have been using vertical layouts to place our components. However, Vaadin provides several layout components to fit our needs. In order to learn most layout capabilities in Vaadin, we will develop a small framework to easily build appealing menu-based web interfaces.

This chapter will cover the following topics:

• Horizontal layouts

• Components size

• Expanding components

• Split panels

• Changing layouts dynamically

• Grid layouts

• Absolute layouts

• Click listeners

• Form layouts

• Panels

• Tab sheets

• Accordions

• Windows

Warm up your fingers and launch your IDE. We are coding a lot here!