# Widgets einstellen: Vorlage, Vorschau und Felder

Jedes Widget hat ein Einstellungsfenster, in dem Sie festlegen, was es zeigt und wie es aussieht: den Wortlaut eines Texts, den Ort des Wetters, die Farben einer Speisekarte. Eine Vorschau zeigt das Ergebnis, bevor Sie es übernehmen.

> **Typ:** anleitung
> **Für wen:** alle, die die Widgets einer Szene einrichten
> **Voraussetzung:** die Rolle Inhaber oder Manager und eine geöffnete Szene
> **Ort im Portal:** **Szenen** › eine Szene öffnen › ein Widget auswählen › Zahnrad

## Schritte

1. Wählen Sie ein Widget auf der Bühne oder in **Ebenen** aus und klicken Sie auf das Zahnrad daran. Das Einstellungsfenster öffnet sich mit der großen **Vorschau** links und den Reitern **Inhalt**, **Aussehen**, **Daten** und **Ablauf** rechts. Ein Reiter ohne Felder entfällt.
2. Ändern Sie die Felder. Ein getippter Wert wirkt, sobald Sie das Feld mit Tab oder einem Klick daneben verlassen. Die Vorschau zeigt jede Änderung sofort, die Szene bleibt bis zum Übernehmen unverändert.
3. Klicken Sie auf **Übernehmen**, um alle Änderungen in die Szene zu schreiben, oder auf **Abbrechen**, um sie zu verwerfen.

Position und Größe stehen nicht in diesem Fenster. Die stellen Sie auf der Bühne und über **Position** ein, siehe [Widgets auf der Bühne platzieren und anordnen](/de/content/place-widgets).

### Vorlagen

Ein Widget mit mehreren Gestaltungen zeigt sie unter **Vorlage** im Reiter **Aussehen**, jeweils als kleine lebendige Vorschau. Ein Klick auf eine Vorschau übernimmt diese Gestaltung. Steht das Widget frei auf der Bühne und hat die Vorlage eine andere Form, bekommt es beim Übernehmen den Rahmen der Vorlage, mittig an seinem bisherigen Platz. In einem Bereich setzt eine Vorlage nur den Inhalt, und die Größe bestimmt weiter der Bereich.

Ändern Sie den Inhalt, erscheint **angepasst** neben der Vorlage, und **Zurücksetzen** kehrt zu ihr zurück. Ort und Hintergrund bleiben dabei, wie Sie sie gewählt haben.

### Farben und Schrift

Unter **Farben** bietet jede App drei Stufen:

- **Stil der App** zeigt das Widget so, wie die App es entworfen hat.
- **Markenfarben** nehmen Hauptfarbe, Akzent, Gründe und Schriften aus Ihrer [Marke](/de/organization/brand). Sie wählen Rollen, keine Farbtöne, deshalb erreicht eine spätere Änderung der Marke jedes Widget von selbst.
- **Eigene** lässt Grund, Akzent und Text frei wählen, mit Hex-Wert, Pipette, den Farben Ihrer Marke oder den zuletzt gewählten Farben.

Unter **Schrift** wählen Sie die Schrift der App, die Markenschrift oder eine andere Schrift. Ein Hinweis unter den Farben sagt, wie gut der Text auf dem Grund lesbar ist. Ist der Kontrast schwach, schlägt das Fenster eine Lösung vor, etwa **Etwas dunkler wählen**, und ein Klick übernimmt sie. **Hintergrund** und **Ecken** stehen am Ende des Reiters.

### Die Vorschau

Oben links wählen Sie die Form. **Wie in der Szene** zeigt das Widget in dem Rahmen, den es auf der Bühne hat. **Quer**, **Hochkant**, **Leiste** und **Kachel** probieren andere Formen aus, ohne die Szene zu ändern. Oben rechts wählen Sie den Zustand: **Normal**, **Leer** ohne Daten oder **Störung**, wie ein Display aussieht, dessen Quelle nicht antwortet.

Ein Hinweis unter der Vorschau nennt, wo das Widget steht und woher die Daten kommen. Ist der Rahmen für einen eingeschalteten Inhalt zu klein, nennt der Hinweis ihn, zum Beispiel **In diesem Rahmen ausgeblendet: Nächste Tage.** Mit mehr Platz erscheint der Inhalt von selbst.

### Daten und Ort

Der Reiter **Daten** zeigt, woher das Widget seine Daten holt. Hat das Widget eine Datenquelle, stehen hier Verbindung, Quelle und Aktualisierung, siehe [Datenquellen: woher App-Inhalte ihre Daten holen](/de/content/data-sources). **Jetzt holen** fragt die Daten für die Vorschau neu ab.

Widgets wie das Wetter brauchen einen Ort. **Standort des Displays** nutzt den Standort jedes Displays, eine Szene genügt also für alle Filialen. Für Displays ohne Standort wählen Sie einen **Ersatzort für Displays ohne Standort**. **Fester Ort** zeigt überall denselben Ort. **Vorschau für Display** legt fest, für welches Display die Vorschau den Ort nimmt.

Die Felder, die Sie am häufigsten ändern, stehen direkt in der Leiste am ausgewählten Widget: die **Vorlage** und die **Farben**, dazu bis zu zwei Felder der App, etwa der Hintergrund. Ein App-Inhalt aus der Bibliothek öffnet dasselbe Fenster, siehe [App-Inhalte anlegen, einstellen und pflegen](/de/content/app-contents).

## Ergebnis prüfen

Die Bühne zeigt den neuen Inhalt in der Größe, die die Vorschau angekündigt hat, und die Statuszeile meldet keine Probleme. Nach dem Speichern zeigt der Editor **Alle Änderungen gespeichert**.

## Wenn etwas nicht klappt

| Symptom | Ursache | Lösung |
|---|---|---|
| **Übernehmen** ist gesperrt | Ein Feld enthält einen Fehler, rot markiert. | Korrigieren Sie den markierten Wert. |
| Ein getippter Wert wirkt nicht | Sie haben das Feld noch nicht verlassen. | Drücken Sie Tab oder klicken Sie daneben. |
| Ein eingeschalteter Inhalt fehlt | Der Rahmen ist zu klein, und die Vorschau nennt, was verborgen bleibt. | Vergrößern Sie das Widget auf der Bühne, oder wählen Sie eine größere Vorlage. |
| Die Vorlage ändert die Größe nicht | Das Widget steht in einem Bereich, oder die Vorlage hat dieselbe Form wie der Rahmen. | Im Bereich gehört die Größe dem Bereich. Ändern Sie sie über seine Trennlinien, siehe [Szene einstellen: Format, Bereiche, Übergänge](/de/content/configure-scene). |
| **Markenfarben** ist gesperrt | Für Ihre Organisation ist noch keine Marke hinterlegt. | Legen Sie die Marke unter **Einstellungen › Organisation › Marke** an. |
| Der Text ist schwer lesbar | Grund und Text haben zu wenig Kontrast. | Übernehmen Sie den Vorschlag unter den Farben, oder wählen Sie einen anderen Grund. |
| Das Widget zeigt keinen Ort | Das Display hat keinen Standort mit Anschrift. | Tragen Sie die Anschrift unter **Einstellungen › Organisation › Standorte** nach, oder wählen Sie einen Ersatzort. |
| **Kein Editor-Formular** statt Feldern | Diese App hat keine Einstellungen. | Nichts zu tun. Das Widget arbeitet mit seinen Vorgaben. |

## Weiterführendes

- [Widgets auf der Bühne platzieren und anordnen](/de/content/place-widgets)
- [Marke: Logo, Farben und Schriften](/de/organization/brand)
- [Speichern, veröffentlichen, Versionen und Konflikte](/de/content/save-and-publish)
