Circular Sticky List
Die Komponente „Circular Sticky List“ ist ein visuell ansprechendes und intuitives UI-Element, das Informationen in einem kreisförmigen Format anzeigt und Benutzern gleichzeitig die einfache Navigation durch eine Liste von Elementen ermöglicht.
Diese Komponente ordnet Elemente kreisförmig an und sorgt so für eine optisch ansprechende Präsentation. Jedes Element wird entlang des Umfangs des Kreises positioniert.
Beispiel Seitenansicht
Das Modul ist rot markiert
So funktioniert das Modul
Das Modul besteht aus folgenden Komponenten
Inhaltsbereich | Beschreibung |
---|---|
Text in der Mitte des Kreises | Text, der in der Mitte des Kreises angezeigt werden soll (sollte nicht mehr als 5 Buchstaben lang sein) |
Mittelposition | Geben Sie einen Wert ein, der die vertikale Position der Mitte bestimmt |
Artikelanordnung | 1. Kreisförmig – Die Elemente werden kreisförmig sein 2. Linear/Vertikal – Die Elemente werden vertikal angezeigt |
Item Liste animieren | Aktivieren Sie das Kontrollkästchen, um die Elemente zu animieren |
Sticky Items List | Fügen Sie Elemente hinzu, die in der Liste angezeigt werden sollen |
Tooltip-Text | Text, der als Tooltip angezeigt wird, wenn Sie mit der Maus über jedes Element fahren |
Datei Quelle | Wählen Sie den Dateityp (intern oder extern) |
Symbol/Bild | Wählen Sie die SVG-Datei aus, die auf jedem Element angezeigt werden soll |
Alternative Textbeschreibung (alt) des Symbol | Geben Sie alternativen Text an |
Link | Wählen Sie für jedes Symbol einen Link aus |
Das Modul kann in den folgenden Seitenbereichen und Templates verwendet werden:
stage
main content
stage
right
bottom
full-width
main content
sidebar
Der blaue Bereich gibt an, dass das Modul in dieser Content Area anwendbar ist.