Best Practise

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

  1. https://rapidclipse.atlassian.net/wiki/spaces/RC11DOCDE/pages/2523201641
    Mit Custom Themes können die großflächigsten Änderungen vorgenommen werden. Diese vereinheitlichen die gesamte Anwendung. Themes kann man aber nicht während der Runtime ändern.

  2. https://rapidclipse.atlassian.net/wiki/spaces/RC11DOCDE/pages/2524512280
    Theme-Variants können Komponente verändern, ohne das überstehende Theme zu brechen. Sind leicht-bediehnlich per Rapidclipse Dialog und sind gut wenn eine Komponente ein alternativ-design braucht oder herausstechen soll.

  3. https://rapidclipse.atlassian.net/wiki/spaces/RC11DOCDE/pages/2523562074
    Falls die Theme-Variants nicht ausreichen können selber Css-Klassen erstellt werden. Dies erfordert mehr manuellen Aufwand, aber ermöglicht eine feinere Kontrolle über die Eigenschaften.


  4. Eigenschaften die in der Shadow-Dom einer Komponente sind, können nicht mit puren Css-Klassen verändert werden. Dafür müssen extra für die einzelnen Komponenten ein Styling erstellt werden. Dies ermöglicht aber die feinste Kontrolle über das Aussehen einer Komponente.


  5. Für View-Spezifische kleine Css-Styling Änderungen wie Margins, oder simple Eigenschaften die kein Shadow-Dom-Zugriff brauchen kann der Styling-Dialog im Rapidclipse Properties-Panel benutzt werden.

Für Hilfe und tiefergreifende Beschreibungen kann die Vaadin-Dokumentation aufgeschlagen werden.

 

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