Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Info

Die Navigationsleiste im PEIQ PORTAL ist der dritte Bereich des Headers, auch Top-Bar genannt. Hier wird definiert, welche Rubriken und Kategorien wo gesetzt werden.

Funktionalitäten der Navigationsleisten

  • Hinterlegung der Rubriken und Kategorien des PORTALs

  • Intuitive Bedienung im Mobilen dank Off-Canvas-Navigation

Inhaltsverzeichnis

Expand
titleInhaltsverzeichnis anzeigen
Table of Contents
maxLevel4

In der Navigationsleiste sind die kundenspezifischen Links gesetzt (Best Practice: Rubriken des Nachrichtenportals, Startseiten von Veranstaltungskalender, Kleinanzeigenmarkt und Pinboard). Die Topbar wird in der mobilen Ansicht ausgeblendet und findet sich im Hambuger-Menü der Titlebar wieder. Neben Buttons sind in der Top-Bar auch Drop-Down-Menüs möglich. Auch der Heimatort und der Absprung auf das Benutzermenü können hier eingebettet werden. Bei unangemeldeten Benutzer:innen wird statt dem Benutzermenü der Anmelden-Button angezeigt.

Ansicht Header: Navigationsleiste mit Drop-Down, unangemeldet

 Ansicht Header: Navigationsleiste, angemeldet

Um die Navigation im Mobilen leicht bedienbar zu gestalten, wird die Navigationsleiste dort zu einem Off-Canvas-Menü.

Moblie Ansicht des Headers mit Off-Canvas-Navigation

Beim Klick auf das Menü-Icon schiebt sich das Off-Canvas-Menü über die Seite. Hier sind alle Punkte zu finden, die in der Desktop-Ansicht in der Navigationsleiste sind, inklusive der Verortung und Suche. Im unangemeldeten Zustand wird der bzw. die Benutzer:in hier durch einen Hinweis auf die Anmelden/ Registrieren-Seite, animiert, sich im PORTAL einzuloggen bzw. anzumelden. Im angemeldeten Zustand ist ein Hinweis auf das Benutzermenü verlinkt sowie die Möglichkeit, sich abzumelden.

Off-Canvas-Navigation – unangemeldete:r Benutzer:in

Off-Canvas-Navigation – angemeldete:r Benutzer:in

 

Filter by label (Content by label)
showLabelsfalse
maxCheckboxfalse
showSpacefalse
reversefalse
cqllabel = "basis-portal" and space = "PUPKB"

Include Page
Disclaimer der PEIQ PORTAL - Produktdokumentation
Disclaimer der PEIQ PORTAL - Produktdokumentation