Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Beispiele für das Setzen eines Themes:

Lumo in der Variante “Dark”

Code Block
languagejava
@Route("")
@Theme(value = Lumo.class, variant = Lumo.DARK)
public class MainLayout extends VerticalLayout {
  ...
}

Custom Theme “my-theme”

Code Block
languagejava
@Route("")
@Theme(themeFolder = "my-theme")
public class MainLayout extends VerticalLayout {
  ...
}

InfoDie und Material, als auch Custom-Themes können mit dem GUI-Builder über das Drop-Down-Menü rechts oben gesetzt werden.

...

Info

Manuelle Theme-Änderungen sind erst nach einen Background-Server-Refresh im GUI-Builder sichtbar. Ein Button dafür ist Rechts-Oben im GUI-Builder vorhanden (Siehe Screenshot)

...