O'Reilly logo

Vaadin 7 Cookbook by Ondrej Kvasnovsky, Jaroslav Holan

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

Styling components with CSS

In this recipe, we will learn how to change the CSS style of components. We'll create a new theme for the Table. Vaadin's Table has gray stripes by default. We will change it. Our new table will be without static stripes. Instead, we will add a style for a dynamic strip. The yellow strip will appear when the mouse hovers over the row.

The following screenshot shows the default style for tables:

Styling components with CSS

The following screenshot shows our new style for tables:

Styling components with CSS

How to do it...

Carry out the following steps to learn how to change the ...

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