Flyout Navigation

Übersicht

Die Flyout Navigation öffnet sich, sobald man mit dem Mauszeiger über ein Hauptnavigationselement fährt und dieses weitere Unterkategorien besitzt.

Grundeinstellungen

Maximale Kategorie Tiefe

Flyout ausblenden Das Flyout wird nicht mehr angezeigt, auch wenn Unterkategorien existieren.

K2 Unterkategorien werden maximal bis zur zweiten Ebene angezeigt.

K3 Unterkategorien werden maximal bis zur dritten Ebene angezeigt.

Spaltenabstand (in px)

Definiere den Spaltenabstand zwischen den Kategorien innerhalb des Flyouts.

Zeilenabstand (in px)

Definiere den Zeilenabstand zwischen den Kategorien innerhalb des Flyouts.

Minimale Spaltenbreite (in px)

Definieren die minimale Spaltenbreite der Kategorien innerhalb des Flyouts.

Kategorie Beschreibung anzeigen

Ja Zeigt die Kategorie Beschreibung des Hauptnavigationselements innerhalb der Flyout Navigation unter den Kategorien an.

Nein Deaktiviert die Kategorie Beschreibung des Hauptnavigationselements.

Rand

Der untere Rand der Flyout Navigation dient zur visuellen Abgrenzung von Flyout und dem eigentlichen Seiteninhalt. Dabei stehen dir folgende Konfigurationsoptionen zur Verfügung:


Linie Grenzt das Flyout mit einer Linie vom Seiteninhalt ab. Die Linie wird dabei automatisch mit der von dir konfigurierten Rahmenfarbe gefärbt.

Schatten Zeigt einen Schatten am unteren Rand des Flyout um den Seiteninhalt abzugrenzen. Der Schatten verwendet dabei die von dir definierte Farbkonfiguration.

Typografie

Überschriften Schriftgröße (in px)

Lege die Schriftgröße für alle Kategorien zweiter Ordnung fest.

Überschriften in Großbuchstaben

Ja Schreibt alle Kategorien zweiter Ordnung automatisch in Großbuchstaben. Somit muss der Name im Kategorie Modul nicht in Großbuchstaben verfasst werden.

Nein Zeigt die Kategorie so an wie sie im Kategorie Modul angelegt wurde.

Überschriften Schriftstärke

Definiert die Schriftstärke aller Kategorien zweiter Ordnung im Flyout. Je nach Schriftart stehen dir hierbei folgende Konfigurationsoptionen zur Verfügung:

100 = Thin 200 = Extra Light 300 = Light 400 = Normal 500 = Medium 600 = Semi Bold 700 = Bold 800 = Extra Bold 900 = Black

Überschriften unterstreichen

Ja Alle Kategorien zweiter Ordnung werden unterstrichen.

Nein Kategorien zweiter Ordnung werden nicht unterstrichen.

Unterer Abstand der Überschriften (in px)

Hinterlege den unteren Abstand aller Kategorien zweiter Ordnung innerhalb der Flyout Navigation.

Farben

Überschriften Farbe

Hinterlege die Schriftfarbe für alle Kategorien zweiter Ordnung. Standardmäßig wird an dieser Stelle die Variable für deine Textfarbe verknüpft.

Last updated

© Atloss GmbH. All rights reserved.