Visuelles Beispiel

 

 

 

 
 

Allgemein

Modul zur Implementierung von seitenbasierenden Navigationselementen
Bezeichnung im Sitemanager: Navigation Seiten (deutsch)

Leistungsmerkmale

  • Realisierung von mehrstufigen, gestaffelten Menüs (Multilevel Navigation, Baumstruk-turen)
  • Teile der Sitestruktur mit wählbaren Startpunkt werden automatisch dargestellt entsprechend der aktuellen Seite
  • Verborgene Seiten werden nicht angezeigt (ggf. sprachabhängig)
  • Zugriffsrechte werden bei der Anzeige berücksichtigt
  • Angabe einer Sortierreihenfolge möglich
  • Verschiedene Attribute wie z. B. Beschreibung
  • Gestaltung über Templates, keine Programmierung erforderlich
  • Mehrsprachigkeit wird automatisch berücksichtigt
  • Zahlreiche Customization Points zur kundenspezifischen Anpassung der Funktionalitäten im Projekt stehen zur Verfügung (z. B. Filterfunktion auf Datenebene, Zugriff auf generierten HTML Code)

Bestimmung

  • Haupt- und Subnavigationen einer Website, Sitemaps

Nutzen

  • Flexible Umsetzung von verschiedensten Navigationen nach CI/CD-Vorgaben mit einem Modul ohne Programmierung
  • W3C-Konformität (abhängig von den verwendeten Templates)
 
 

Spezielle Einstellungen

Zur Konfiguration der Navigation können zahlreiche Einstellungen getroffen werden.

  • Einstiegs-Menü-ID (tabid): Geben Sie hier die ID der Seite ein, mit der die Navigation starten soll.
  • Komplett ausgeklappt: Ist diese Option gesetzt, wird die Navigation komplett ausgeklappt angezeigt, z. B. zur Implementierung einer Sitemap.
  • Ausklappbar: Ist diese Option gesetzt, wird die Navigation ausklappbar dargestellt.
  • Toggle +/-/Blatt: Für die Darstellung von Baumstrukturen können Grafiken für +, - sowie Blattstrukturen angegeben werden. Diese werden im Ressourcenmanager aus-gewählt. Zur Auswahl, Ansicht der Eigenschaften sowie dem entfernen werden entsprechende Schaltflächen angeboten.
  • Header: Wählen Sie ein Template für den Kopfbereich der Navigation.
  • Footer: Wählen Sie ein Template für den Fußbereich der Navigation.
  • 1. Ebene: Wählen Sie ein Template für ein Element der ersten Ebene der Navigation.
  • 1. Ebene (alternierend): Wählen Sie optional ein Template für ein alternierendes Element der ersten Ebene der Navigation.
  • 1. Ebene im Navigationspfad: Wählen Sie ein Template für das Element der ersten Ebene, dass im Navigationspfad liegt. Damit kann der aktuelle Navigationspfad beispielsweise hervorgehoben werden.
  • 1. Ebene aktuelle Seite: Wählen Sie ein Template für das aktuelle Element (Seite) der ersten Ebene der Navigation.
  • 1. Ebene Trennstring: Sie können ein Template für einen Trennstring wählen.

Diese Einstellungen widerholen sich sinngemäß bis zur 10. Ebene.

Abb.: Spezielle Einstellungen des Multilevel-Navigations-Moduls.

 
 

Template Beispiel Kopfbereich:

<UL><LI class="label">[template_end]</LI></UL>
 

Template Beispiel Fußbereich:

<UL><LI class="label">[template_start]</LI></UL>

 

Ebene 1:

<li class='dropdown'><a class="dropdown" data-toggle='dropdown-[hassubpages]'  href='[url]' target='[target]'>[title]<b class="caret toggle-[hassubpages]"></b></a>[template_end]</li>

1. Ebene aktuelle Seite

<li class="active"><a href='[url]' target='[target]'>[title]</a>[template_end]</li>
 
 

Platzhalter: Seitennavigation

Platzhaltername

Type

Platzhalterbeschreibung

[ci:lang]

string

Sprache in den context.items

[ci:tabid]

integer

Tabid in den context.items

[ci:theme]

string

Theme in den context.items

[ci:themeid]

integer

Themeid in den context.items

[sortorder]

string

selbsterklärend

 

Platzhalter: Kopf- und Fußbereich

Platzhaltername

Type

Platzhalterbeschreibung

[ci:lang]

string

Aktuelle Sprache(z.B. 1 für Deutsch, 2 für Englisch)

[ci:tabid]

integer

Aktuelle tabid

[description]

string

SEO-Description

[hassubpages]

string

Gibt „true“ zurück wenn die aktuelle Seite Unterseiten besitzt ansonsten „false”

[imageurl]:

string

die URL für dieses Vorschaubild

[level]

string

Gibt das Navigationslevel anhand des Navigationsstartpunkts zurück

[previewimage]

 

Die resourceassignid (raid) eines Bildes zugeordnet zu einer Seite

[previewimage_alt]

 

Der alternative Text für dieses Vorschaubild

[sortorder]

string

Selbsterklärend

[tabid]

integer

tabid

[target]

string

Gibt "target=_blank" zurück falls in den Seiteneinstellungen “neues Fenster” aktiviert wurde.

[title]

string

Übersetzter Seitentitel

[toggle]

string

Enthält das toggle-Element (verknüpftes Bild)

[toggleimage]

string

Enthält nur das img-Tag für die aktuelle pagenode

[url]

string

Die Ziel-URL des Seitenobjekts

Anmerkung:
In diesem Template stehen Ihnen nur die bereits erwähnten Platzhalter zur Verfügung, da hier kein datalist / repeater zum Anzeigen des Inhalts verwendet wird.