PORTAL und PPS Knowledge Base

Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 13 Next »

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

 Inhaltsverzeichnis anzeigen

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 Benutzern 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 Benutzer 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 – unangemeldeter Benutzer

Off-Canvas-Navigation – angemeldeter Benutzer

 

Filter by label

There are no items with the selected labels at this time.

  • No labels