O'Reilly logo

Vaadin by Frank Hardy, Frank Engelen, Daniel Arndt, Joachim Baumann

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

7 Layout und Styling

Das Aussehen einer Vaadin-Anwendung lässt sich den eigenen Wünschen entsprechend anpassen. Dazu bietet Vaadin einen sehr mächtigen Theme-Mechanismus, der auf Cascading Style Sheets (CSS) und der darauf aufsetzenden Spracherweiterung SCSS1 basiert. SCSS ist eine zu CSS3 kompatible Syntaxvariante von SASS2 und erweitert CSS um Variablen, Schachtelung von Selektoren, Mixins3, Funktionen und viele weitere nützliche Features.

In diesem Kapitel wird beschrieben, wie wir Themes in eigenen Anwendungen nutzen und eigene Themes auf Basis von CSS bzw. SCSS erstellen können.

7.1 Auswahl eines Theme

Vaadin selbst bringt bereits mehrere Themes mit, die wir entweder direkt verwenden oder als Ausgangsbasis für unser eigenes angepasstes Theme ...

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