O'Reilly logo

Vaadin 7 UI Design By Example Beginner's Guide by Alejandro Duarte

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

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

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