Wie wende ich einen Areastyle auf eine Area an?

In setHUB können Sie einen im Style erstellten Areastyle auf eine Area in Ihrer Applikation anwenden. Dies kann über Widgets, Header- und Footer-Komponenten, 404-Seiten oder Seiten/Templates erfolgen. Eine Area kann überall erstellt werden oder ist bereits in der Ansicht des Builders vorhanden. Mit dem Areastyle können Sie verschiedene Bereiche Ihrer Website voneinander trennen, indem Sie Abstände oder Hintergrundfarben festlegen. Sie können auch die Elemente innerhalb der Area bearbeiten, um Abstände anzupassen. In dieser Anleitung zeigen wir Ihnen, wie Sie den Areastyle auf eine Area anwenden können.

1. Klicken Sie in der Navigationsleiste auf Application
2. Wählen Sie die Application aus, die Sie bearbeiten möchten, um in die Übersicht zu gelangen
3. Wählen Sie eine beliebige Seite aus, um in den Application Builder zu gelangen. 

Areastyle anwenden

1. Wählen Sie unter Create und edit Page Areas eine bereits angelegte Area aus oder erstellen Sie eine neue Area
2. Überprüfen Sie, ob das Zahnrad-Symbol oben rechts rot markiert ist. Wenn nicht, klicken Sie einmal darauf, um zu den Area-Einstellungen zu gelangen
3. Finden Sie das Feld "Area Style Mapping" in den Area-Einstellungen
4. Klicken Sie darin auf den Bereich Area Style, um das Dropdown Menü zu öffnen
5. Wählen Sie einen Area Style aus, den Sie angelegt haben
6. Bei Bedarf können Sie die Hintergrundfarbe der Area mit Background color anpassen

Areastyles für Areas innerhalb von Areas

Wenn in setHUB Areas innerhalb von Areas verschachtelt sind, beispielsweise wenn ein Widget innerhalb einer Area hinzugefügt wird, wird dies durch das Symbol ">" gekennzeichnet, das anzeigt, dass weitere Elemente enthalten sind. Wenn dieses Symbol vor dem Namen der Area steht, kann diesem eine Area Style wie folgt hinzugefügt werden:

1. Wählen Sie unter Create und edit Page Areas eine bereits angelegte Area aus, welche bspw. ein Widget enthält
2. Klicken Sie auf den Namen des des verschachtelten Elements, sodass dieser in rot erscheint
3. Finden Sie das Feld "Area Style Mapping" in den Area-Einstellungen
4. Klicken Sie darin auf den Bereich Area Style, um das Dropdown Menü zu öffnen
5. Wählen Sie einen Area Style aus, den Sie angelegt haben
6. Bei Bedarf können Sie die Hintergrundfarbe der Area mit Background color anpassen

Wenn Sie auf das Zahnrad-Symbol klicken, haben Sie auch die Möglichkeit, einen Areastyle für die übergeordnete Area anzuwenden, wie oben beschrieben.

Areastyle entfernen

1. Wählen Sie unter Create und edit Page Areas die Area aus von der Sie den Style entfernen möchten
2. Überprüfen Sie, ob das Zahnrad-Symbol oben rechts rot markiert ist. Wenn nicht, klicken Sie einmal darauf, um zu den Area-Einstellungen zu gelangen
3. Finden Sie das Feld "Area Style Mapping" in den Area-Einstellungen
4. Klicken Sie darin auf den Bereich Area Style, um das Dropdown Menü zu öffnen
5. Scrollen Sie innerhalb des Dropdown Menüs nach ganz oben und wählen Sie Remove aus, um den Area Style zu entfernen
6. Bei Bedarf können Sie die Hintergrundfarbe der Area mit Background color, wie im vorherigen Schritt entfernen

Das könnte Sie auch Interessieren