Zum Inhalt springen

Überschriften

Überschriften (Section Headers) helfen dir, die Einstellungsseite in logische Abschnitte zu unterteilen. Sie sind ideal, um zusammengehörige Einstellungen zu gruppieren.


  1. Tippe auf + in der Toolbar
  2. Wähle Überschrift aus der Liste
  3. Eine neue Überschrift wird hinzugefügt
  4. Das Smart Panel öffnet sich automatisch

Im Inhalt-Tab bearbeitest du den Text und das führende Icon der Überschrift.

Was es macht: Der Text, der als Überschrift angezeigt wird.

So findest du es: Inhalt > Titel

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


Was es macht: Ein optionales Icon, das links neben der Überschrift angezeigt wird.

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

Bedienung:

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

Optionen:

EinstellungWirkung
Kein IconNur Text wird angezeigt
Icon wählenIcon erscheint links neben dem Text

Was es macht: Ein optionales Icon, das rechts neben der Überschrift angezeigt wird.

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

Hier kannst du das Standard-Verhalten überschreiben:

EinstellungBeschreibung
Eigenes Symbol (Rechts)Aktiviert die manuelle Konfiguration
Symbol anzeigenOb das rechte Symbol sichtbar ist
Symbol auswählenWelches Icon angezeigt wird
Icon-GrößeGröße des Icons (12-48 px)
Icon-FarbeFarbe des Icons (mit Dark Mode Unterstützung)

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

Am oberen Rand des Tabs findest du einen Toggle:

  • Light Mode wird bearbeitet - Du bearbeitest die helle Variante
  • Dark Mode wird bearbeitet - Du bearbeitest die dunkle Variante

Tippe auf den Toggle um zwischen den Modi zu wechseln.


EinstellungStandardBereichBeschreibung
SchriftartTheme-SchriftartGalerieDie verwendete Schriftfamilie
Schriftgröße16 pt10-28 ptGröße des Titeltexts
Schriftstärke500100-900Dicke der Schrift (Light bis Black)
KursivAusAn/AusSchrägstellung des Texts
Buchstabenabstand0 px-2 bis 5 pxAbstand zwischen Buchstaben
Zeilenhöhe1.21.0-2.0Abstand zwischen Zeilen
TextfarbeTheme-FarbeFarbwählerFarbe des Titels

Falls deine Überschrift einen Untertitel hat, kannst du auch dessen Stil anpassen:

EinstellungStandardBereichBeschreibung
SchriftartTheme-SchriftartGalerieDie verwendete Schriftfamilie
Schriftgröße14 pt8-20 ptGröße des Untertitels
Schriftstärke400100-900Dicke der Schrift
TextfarbeSekundärfarbeFarbwählerFarbe des Untertitels

EinstellungStandardBereichBeschreibung
Horizontaler Abstand16 px0-48 pxAbstand links und rechts
Vertikaler Abstand12 px0-48 pxAbstand oben und unten

Im Erweitert-Tab kannst du entscheiden, ob die Überschrift die Theme-Standardfarben verwendet oder eigene Farben.

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

Optionen:

EinstellungWirkung
AktiviertÜberschrift verwendet automatisch die Theme-Farben
DeaktiviertDu kannst eigene Farben definieren

Wenn deaktiviert, erscheinen zusätzliche Optionen:


EinstellungBeschreibung
TextfarbeFarbe des Titeltexts im Light Mode
SymbolfarbeFarbe der Icons im Light Mode

EinstellungBeschreibung
Textfarbe (Dunkel)Farbe des Titeltexts im Dark Mode
Symbolfarbe (Dunkel)Farbe der Icons im Dark Mode

[Darstellung-Icon] Darstellung
- Dunkler Modus (Switch)
- Sprache (Navigation)
[Glocke-Icon] Benachrichtigungen
- Push-Mitteilungen (Switch)
- E-Mail-Benachrichtigungen (Switch)
[Schloss-Icon] Datenschutz
- Profil privat (Switch)
- Kontoverknüpfungen (Navigation)

  • Icon: Keins
  • Schriftgröße: 14 pt
  • Schriftstärke: 600
  • Textfarbe: Primärfarbe

  • Icon: Passend zum Abschnitt
  • Schriftgröße: 18 pt
  • Schriftstärke: 700
  • Textfarbe: Primärfarbe
  • Trailing Icon: Chevron-Rechts