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!

Horizontal layouts

There are two types of components in Vaadin: Layout ...

Get Vaadin 7 UI Design By Example Beginner's Guide now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.