Layout

Benötigte Bundles: templatelayout, [theme-*], [template-*]

check Live-Konfiguration

Das Layout einer App besteht immer aus zwei Teilen:

  • Layout-Template

  • Farbschema (Theme)

Das Farbschema definiert die Farben und das Aussehen der einzelnen Komponenten, jedoch nicht deren Positionierung in der App. Letzteres ist in einem Layout-Template beschrieben. Farbschemas und Layout-Templates werden als einzelne Bundles bereit gestellt.

Um ein entsprechendes Layout zu wählen, muss einer App immer ein Layout-Template-Bundle sowie ein Farbschema-Bundle hinzugefügt werden.

Die folgenden Bundles stehen zur Verfügung:

Layout-Templates

Bundle-Name Name des Templates Beschreibung

template-seasons

seasons

Responsive (Ausprägungen: Desktop, Tablet (Hoch-/Querformat), Mobile (Hoch-/Querformat))

Farbschemas

Bundle-Name Name des Farbschemas Beschreibung

theme-everlasting

everlasting

Monochromer Hintergrund, helle Schrift

theme-winter

winter

Blauer Hintergrund, dunkle Schrift

theme-spring

spring

Grüner Hintergrund, dunkle Schrift

theme-summer

summer

Roter Hintergrund, dunkle Schrift

theme-autumn

autumn

Blauer Hintergrund, dunkle Schrift

Wechsel zwischen verschiedenen Farbschemas

Um dem Nutzer den Wechsel zwischen verschiedenen Farbschemas zu ermöglichen, aktivieren Sie den ThemeSelector mit der folgenden Konfiguration:

{
    "themes": {
        "ThemeModel": {
            "_selectedTheme": "everlasting"
        },
        "ThemeSelector": {
            "componentEnabled": true
        }
    },
}