Design Workflow

Damit das Styling der Web-Anwendung einheitlich bleibt, kann diese Step-By-Step Liste als Wegweiser benutzt werden.

1. Custom-Theme erstellen mit dem Lumo theme editor

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

      

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

      

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

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

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