Benutzen von Themes

Welches Theme ein Projekt nutzt wird mit Hilfe der @Theme Annotation festgelegt.
Diese Annotation muss in der Startseite, also der Klasse mit @Route("") gesetzt werden - wenn diese kein ParentLayout hat.
Falls die Startseite ein ParentLayout hat, muss dort die @Theme Annotation gesetzt werden.

 

Es gibt zwei vordefinierte Themes: Lumo and Material, wobei Lumo das Default-Theme ist. Es ist auch möglich, Custom-Themes zu definieren. (Mehr zu Custom-Themes im Best Practice Guide)

  • Wenn kein Theme explizit definiert ist, wird das Lumo-Theme verwendet.

  • Nur ein einziges Theme kann pro Applikation verwendet werden. Es ist also z.B, nicht möglich gleichzeitig für eine Komponente Theme Lumo zu verwenden und für eine Zweite das Theme Material

  • Ein Projekt kann mehrere Custom-Themes beinhalten - aber nur eines verwenden

  • Es ist bei laufender Anwendung kein Theme-Wechsel möglich

Beispiele für das Setzen eines Themes:

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

 

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)

 

XDEV Software Corp. - One Embarcadero Center, San Francisco, CA 94111, US
Copyright © 2015. XDEV Software Corp. All rights reserved.