Skip to main content

Allgemeine Beschreibung

Das “Vertical Nav Tabs” Portlet erstellt eine vertikale Navigationsleiste mit mehreren Tabs, die sich einzeln benennen, hinzufügen, entfernen und per Drag & Drop neu anordnen lassen.

Featureübersicht

  • Beliebig viele Tabs: Füge über den Plus-Button neue Tabs hinzu oder entferne bestehende über das X.
  • Frei sortierbar: Ordne die Reihenfolge der Tabs per Drag & Drop neu an.
  • Individuelle Positionierung: Lege für Desktop, Tablet und Mobil getrennt fest, mit welchem Abstand zur oberen Kante die Navigation angezeigt wird - praktisch bei einer sticky Nav.
  • Farbanpassung: Passe Hintergrund- und Textfarbe für Standard-, aktiven und gehoverten Zustand individuell an.

Settings:

Allgemein

Allgemein
Vertical Nav Tabs: Füge über den Plus-Button neue Tabs hinzu, vergib für jeden Tab einen Namen, und entferne einzelne Tabs über das X. Über das Griff-Symbol rechts kannst du die Reihenfolge der Tabs per Drag & Drop ändern.

Darstellung

Darstellung

Positionierung

Top-Abstand Navtabs Desktop / Tablet / Mobil: Gib hier jeweils einen Wert in px an, wie weit die Navigation von der oberen Kante entfernt sein soll. Hilfreich, wenn du eine sticky Nav nutzt und verhindern möchtest, dass diese deine Tabs überdeckt.

Tabdarstellung

Hintergrundfarbe Tab, Hintergrundfarbe aktiver Tab, Hintergrundfarbe hovered Tab: Lege die Hintergrundfarbe für den normalen, aktiven und gehoverten Zustand der Tabs fest.

Textdarstellung

Textfarbe Tab, Textfarbe aktiver Tab, Textfarbe hovered Tab: Lege die Textfarbe für den normalen, aktiven und gehoverten Zustand der Tabs fest.

Listendarstellung

Hintergrundfarbe Tableiste: Hintergrundfarbe der gesamten Tab-Leiste (Standard: rgb(255, 255, 255)). Textausrichtung: Links, Rechts oder Zentriert. Textgewicht: Schriftstärke des Tab-Texts, wählbar zwischen 300, 400, 500, 600 und 700.
Alle weiteren Style-Einstellungen nimmst du im Tab Layout des Portlets vor.