Versions Compared

Key

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

  1. Custom-Theme erstellen mit dem Lumo theme editor

  2. In Rapidclipse ein neues Custom-Theme erstellen (Danach Rechtsklick auf Projekt und Refresh klicken)

...

3. Css-Code dann beim Download kopieren und in die “styles.css” einfügen

...

4. Im MainLayout oder der View mit der Route(““) die Theme-Annotation hinzufügen

Code Block
languagejava
@Theme(themeFolder = "My-Cool-Theme")
public class MainLayout extends VerticalLayout implements PageConfigurator, RouterLayout
{

5. Designer-Server refreshen um die Änderungen zu sehen (Für kleine Änderungen in den Dateien kann der Gelbe Refresh Pfeil daneben benutzt werden)