Einstellungen-Editor
Der Einstellungen-Editor gibt dir die volle Kontrolle über die Einstellungsseite deiner App. Du bestimmst, welche Elemente angezeigt werden, wie sie aussehen und wohin sie navigieren.
Übersicht
Abschnitt betitelt „Übersicht“Die Einstellungsseite besteht aus verschiedenen Elementen, die du frei kombinieren kannst:
Editor öffnen
Abschnitt betitelt „Editor öffnen“- Öffne den Edit Mode in deiner App (App Builder Tools)
- Gehe zur Einstellungen-Seite in deiner App
- Tippe auf ein Element oder den Bearbeitungs-Button
- Der Editor öffnet sich mit einer Live-Vorschau
Editor-Oberfläche
Abschnitt betitelt „Editor-Oberfläche“Die Toolbar
Abschnitt betitelt „Die Toolbar“Am oberen Rand findest du eine Werkzeugleiste mit folgenden Funktionen:
| Button | Funktion |
|---|---|
| + | Neues Element hinzufügen |
| Rückgängig | Letzte Aktion rückgängig machen |
| Wiederholen | Rückgängig gemachte Aktion wiederholen |
| Neu anordnen | Elemente per Drag & Drop sortieren |
| Seiten-Design | Globale Design-Einstellungen öffnen |
| Theme-Toggle | Zwischen Hell- und Dunkelmodus wechseln |
Die Element-Liste
Abschnitt betitelt „Die Element-Liste“Unter der Toolbar siehst du alle Elemente deiner Einstellungsseite. Jedes Element zeigt:
- Eine Live-Vorschau wie es in der App aussieht
- Ein Auge-Symbol zum Ein-/Ausblenden
- Ein Badge wenn es ausgeblendet ist (“Verborgen”)
- Ein Firebase Auth Badge beim Logout-Button
Das Smart Panel
Abschnitt betitelt „Das Smart Panel“Wenn du ein Element antippst, öffnet sich das Smart Panel mit allen Bearbeitungsoptionen. Die verfügbaren Tabs hängen vom Element-Typ ab.
Element hinzufügen
Abschnitt betitelt „Element hinzufügen“- Tippe auf das + in der Toolbar oder auf den Platzhalter “Element hinzufügen”
- Wähle einen Element-Typ aus der Liste:
- Überschrift - Abschnittstitel
- Navigation - Link zu einer App-Seite
- Custom Link - Externer Link
- Trennlinie - Horizontale Linie
- Abstand - Vertikaler Abstand
- Text Label - Beschreibungstext
- Das neue Element wird am Ende der Liste eingefügt
- Das Smart Panel öffnet sich automatisch zur Bearbeitung
Element bearbeiten
Abschnitt betitelt „Element bearbeiten“- Tippe auf ein Element in der Liste
- Das Kontextmenü erscheint mit Optionen:
- Bearbeiten - Smart Panel öffnen
- Duplizieren - Kopie erstellen
- Löschen - Element entfernen
- Wähle “Bearbeiten” um das Smart Panel zu öffnen
- Navigiere durch die Tabs für verschiedene Einstellungen
Elemente sortieren
Abschnitt betitelt „Elemente sortieren“- Tippe auf das Sortier-Symbol in der Toolbar
- Der Neu-Anordnen-Modus wird aktiviert
- Ziehe Elemente an die gewünschte Position
- Tippe erneut auf das Symbol um den Modus zu beenden
Automatisches Speichern
Abschnitt betitelt „Automatisches Speichern“Alle Änderungen werden automatisch gespeichert. Du musst nichts extra tun - sobald du etwas änderst, wird es nach 500ms automatisch in der Datenbank gespeichert.
Element-Typen im Überblick
Abschnitt betitelt „Element-Typen im Überblick“| Typ | Beschreibung | Tabs im Smart Panel |
|---|---|---|
| Überschrift | Abschnittstitel mit optionalem Icon | Inhalt, Stil, Erweitert |
| Navigation | Link zu einer App-Seite | Inhalt, Stil, Verhalten, Erweitert |
| Custom Link | Externer Link (Web/E-Mail/Telefon) | Inhalt, Stil, Verhalten, Erweitert |
| Trennlinie | Horizontale Linie | Stil, Erweitert |
| Abstand | Vertikaler Abstand | Abstand |
| Text Label | Beschreibungstext | Inhalt, Stil, Erweitert |
| Logout-Button | Abmelde-Button | Grundeinstellungen, Farben, Typografie, Icon, Abmessungen |
Häufige Fragen
Abschnitt betitelt „Häufige Fragen“Wie speichere ich meine Änderungen?
Abschnitt betitelt „Wie speichere ich meine Änderungen?“Änderungen werden automatisch gespeichert! Sobald du etwas änderst, wird es nach 500ms automatisch gespeichert.
Kann ich Änderungen rückgängig machen?
Abschnitt betitelt „Kann ich Änderungen rückgängig machen?“Ja! Nutze den Rückgängig-Button in der Toolbar. Es werden bis zu 20 Schritte gespeichert. Du kannst auch mit “Wiederholen” rückgängig gemachte Aktionen wiederherstellen.
Warum sehe ich keinen Logout-Button?
Abschnitt betitelt „Warum sehe ich keinen Logout-Button?“Der Logout-Button erscheint nur, wenn:
- Firebase Auth in deiner App aktiviert ist
- Ein Nutzer angemeldet ist
Kann ich den Logout-Button löschen?
Abschnitt betitelt „Kann ich den Logout-Button löschen?“Nein, der Logout-Button wird automatisch durch Firebase Auth gesteuert. Du kannst ihn aber anpassen (Farben, Text, Stil) und verschieben.
Wie ändere ich die Reihenfolge der Elemente?
Abschnitt betitelt „Wie ändere ich die Reihenfolge der Elemente?“Tippe auf das Sortier-Symbol in der Toolbar und ziehe die Elemente an die gewünschte Position.
Wie blende ich ein Element aus ohne es zu löschen?
Abschnitt betitelt „Wie blende ich ein Element aus ohne es zu löschen?“Tippe auf das Auge-Symbol rechts neben dem Element. Ausgeblendete Elemente zeigen einen “Verborgen”-Badge.