Zum Inhalt springen

Globale Toolbar

Die Globale Toolbar ist deine zentrale Bedienleiste im App Builder. Sie schwebt über allen Seiten deiner App und passt sich automatisch an die aktuelle Ansicht an: globale Werkzeuge sind immer dabei, modul-spezifische Aktionen erscheinen genau dann, wenn du sie brauchst.

Nur im App Builder sichtbar

Die Globale Toolbar wird ausschließlich im App Builder Modus angezeigt. In der ausgelieferten Customer-App ist sie nicht vorhanden, sodass deine Endnutzer eine saubere Oberfläche sehen.


Die Toolbar zeigt eine Kombination aus zwei Button-Gruppen:

GruppeSichtbarkeitBeispiele
Globale ButtonsImmer sichtbar (auf allen Seiten)Dark/Light Mode, Hilfe, Edit Mode, App Builder Tools, Web-Bridge
Modul-ButtonsNur auf der zugehörigen RouteForum-Einstellungen, Feed-Vorlagen, Shop-Produkte, …

Eine vertikale Trennlinie trennt automatisch die globalen von den kontextuellen Buttons, damit du jederzeit erkennst, welche Aktionen seitenübergreifend gelten.

Die Toolbar erscheint auf allen Hauptseiten der App. Auf einigen Seiten ist sie bewusst ausgeblendet, damit sie spezialisierte Tools nicht überlagert:

  • Seiten-Builder & Seiten-Editor (eigene Editor-Toolbar)
  • Formular-Builder & Formular-Editor (eigene Editor-Toolbar)
  • Onboarding & Welcome-Animationen
  • WebView-Seiten (externe Inhalte)
  • Modul-Setup-Wizards
  • Screenshot Studio & App Icon Studio (Vollbild-Wizards)
  • Während des Quiz-Spielmodus
  1. Wechsle in den App Builder Stelle sicher, dass du im App Builder Modus bist (nicht in der Customer-App-Vorschau).

  2. Aktiviere den Edit Mode Tippe auf den Stift-Button in der Toolbar oder aktiviere ihn über die Settings-Seite. Erst im Edit Mode erscheinen alle Bearbeitungs-Buttons.

  3. Probiere die Suche aus Tippe auf die Lupe links in der Toolbar und tippe z. B. „Theme” — du springst direkt zur Theme Suite.

  4. Verschiebe die Toolbar Ziehe die Toolbar vertikal an eine angenehme Position — sie merkt sich diese auch nach dem App-Neustart.

  5. Docke sie an Wische die Toolbar nach links oder rechts: Sie verwandelt sich in einen kleinen Indikator an der Bildschirmkante. Tippe auf den Indikator, um sie wieder einzublenden.

  • App Builder Tools — das Tool-Dashboard, das du über den Werkzeug-Button in der Toolbar erreichst
  • AppBar — die obere Leiste deiner App (für Endnutzer sichtbar)
  • Bottom Navigation — die untere Navigationsleiste (für Endnutzer sichtbar)