Navigation

Navigations-Einträge sind Links zu anderen Seiten innerhalb deiner App. Sie sind ideal für Einstellungen wie “Profil bearbeiten”, “Datenschutz” oder “Über uns”.

Tippe auf + in der Toolbar
Wähle Navigation aus der Liste
Ein neuer Navigations-Eintrag wird hinzugefügt
Das Smart Panel öffnet sich automatisch

Inhalt-Tab

Im Inhalt-Tab bearbeitest du den Text, Untertitel und die Icons.

Titel

Was es macht: Der Haupttext des Navigations-Eintrags.

So findest du es: Inhalt > Text > Titel

Bedienung: Tippe auf das Textfeld und gib deinen Text ein. Bei mehrsprachigen Apps kannst du für jede Sprache einen anderen Text eingeben.

Untertitel

Was es macht: Ein optionaler Beschreibungstext unter dem Titel.

So findest du es: Inhalt > Text > Untertitel

Bedienung: Tippe auf das Textfeld und gib deinen Text ein. Lass es leer, wenn du keinen Untertitel möchtest.

Führendes Icon (Symbol links)

Was es macht: Ein Icon, das links neben dem Text angezeigt wird.

So findest du es: Inhalt > Symbol-Stil (Links)

Bedienung:

Tippe auf “Symbol auswählen”
Wähle ein Icon aus der Galerie
Oder suche nach einem bestimmten Icon

Trailing Icon (Symbol rechts)

Was es macht: Ein Icon, das rechts neben dem Eintrag angezeigt wird (üblicherweise ein Pfeil-nach-rechts).

So findest du es: Inhalt > Symbol-Stil (Rechts)

Einstellung	Beschreibung
Eigenes Symbol (Rechts)	Aktiviert die manuelle Konfiguration
Symbol anzeigen	Ob das rechte Symbol sichtbar ist
Symbol auswählen	Welches Icon angezeigt wird
Icon-Größe	Größe des Icons (12-48 px)
Icon-Farbe	Farbe des Icons (mit Dark Mode Unterstützung)

Stil-Tab

Im Stil-Tab passt du die Typografie und das Layout an.

Titel-Typografie

Einstellung	Standard	Bereich	Beschreibung
Schriftart	Theme-Schriftart	Galerie	Die verwendete Schriftfamilie
Schriftgröße	16 pt	10-28 pt	Größe des Titeltexts
Schriftstärke	500	100-900	Dicke der Schrift
Kursiv	Aus	An/Aus	Schrägstellung des Texts
Buchstabenabstand	0 px	-2 bis 5 px	Abstand zwischen Buchstaben
Zeilenhöhe	1.2	1.0-2.0	Abstand zwischen Zeilen
Textfarbe	Theme-Farbe	Farbwähler	Farbe des Titels

Untertitel-Typografie

Einstellung	Standard	Bereich	Beschreibung
Schriftart	Theme-Schriftart	Galerie	Die verwendete Schriftfamilie
Schriftgröße	14 pt	8-20 pt	Größe des Untertitels
Schriftstärke	400	100-900	Dicke der Schrift
Textfarbe	Sekundärfarbe	Farbwähler	Farbe des Untertitels

Layout

Einstellung	Standard	Bereich	Beschreibung
Horizontaler Abstand	16 px	0-48 px	Abstand links und rechts
Vertikaler Abstand	12 px	0-48 px	Abstand oben und unten
Eckenrundung	8 px	0-24 px	Rundung der Ecken

Verhalten-Tab

Im Verhalten-Tab legst du fest, wohin der Link navigiert.

Ziel-Route

Was es macht: Bestimmt, welche Seite geöffnet wird wenn der Nutzer tippt.

So findest du es: Verhalten > Ziel > Route auswählen

Bedienung:

Tippe auf “Route auswählen”
Der Routen-Picker öffnet sich
Wähle eine Seite aus der Liste verfügbarer Routen
Die Route wird automatisch eingetragen

Verfügbare Routen hängen von deiner App ab. Typische Beispiele:

Route	Beschreibung
`/profile/edit`	Profil bearbeiten
`/settings/privacy`	Datenschutz-Einstellungen
`/settings/notifications`	Benachrichtigungen
`/about`	Über uns / Impressum
`/help`	Hilfe

Erweitert-Tab

Im Erweitert-Tab kannst du Theme-Überschreibungen vornehmen.

Theme-Einstellungen verwenden

Was es macht: Aktiviert oder deaktiviert die automatische Übernahme der Theme-Farben.

Optionen:

Einstellung	Wirkung
Aktiviert	Eintrag verwendet automatisch die Theme-Farben
Deaktiviert	Du kannst eigene Farben definieren

Wenn deaktiviert, erscheinen zusätzliche Optionen:

Hellmodus-Farben

Einstellung	Beschreibung
Textfarbe	Farbe des Titeltexts im Light Mode
Symbolfarbe	Farbe der Icons im Light Mode
Hintergrundfarbe	Hintergrund des Eintrags im Light Mode

Dunkelmodus-Farben

Einstellung	Beschreibung
Textfarbe (Dunkel)	Farbe des Titeltexts im Dark Mode
Symbolfarbe (Dunkel)	Farbe der Icons im Dark Mode
Hintergrund (Dunkel)	Hintergrund des Eintrags im Dark Mode

Beispiele

Typische Navigations-Einträge

[Person-Icon] Profil bearbeiten
  > Dein öffentliches Profil anpassen

[Schloss-Icon] Datenschutz
  > Privatsphäre-Einstellungen verwalten

[Hilfe-Icon] Hilfe & Support
  > FAQ, Kontakt und Feedback

[Info-Icon] Über die App
  > Version, Lizenzen und Impressum

Minimaler Eintrag

Titel: “Hilfe”
Untertitel: Keiner
Führendes Icon: Fragezeichen
Trailing Icon: Chevron-Rechts (Standard)
Route: /help

Detaillierter Eintrag

Titel: “Profil bearbeiten”
Untertitel: “Avatar, Name und Bio anpassen”
Führendes Icon: Person mit Stift
Trailing Icon: Chevron-Rechts
Route: /profile/edit