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

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