Titelleiste

Die Titelleiste (Header) ist der sichtbare Kopfteil im Kartenviewer. Über diesen können Sie den Titel sowie ein Logo für ihren Viewer einbinden. Zudem ist die Möglichkeit gegeben Verlinkungen für E-Mail-Feedback oder den Download von Informationsbroschüren nativ einzurichten.

Die Konfiguration des Headers wird in der config.json vorgenommen.

Beispiel

"portalTitle": {
            "title": "<span>Titel des Viewers</span>",
            "logo": "ressources/img/Logo des Viewers.jpg",
            "toolTip": "Tooltip zum Viewer",
            "titlelist": {
                "help": {
                    "title": "Hilfe",
                    "href": "ressources/Hilfe/Nutzerhilfe",
                    "title-alternative": "Link zum Nutzerhandbuch",
                    "separator": "|"
                }
                "feedback": {
                    "href": "mailto: E-Mailadresse",
                    "title": "Feedback",
                    "title-alternative": "Feedback zum Viewer",
                    "target": "_blank"
                }
            }
        }

Um den Header anzupassen, können Sie die folgenden Schritte ausführen:

• Öffnen Sie die Datei config.json in einem Text-Editor.
• An erster Stelle der Datei finden Sie den Abschnitt portalTitle
• Passen Sie die Werte von title, logo und toolTip ihren Vorstellungen entsprechend an:

Feature	Beschreibung	Weitere Informationen
title	Der Titel wie er im Header präsentiert wird.	Portalconfig.Portaltitle
logo	Die URL zu ihrer Logo-Datei.	Portalconfig.Portaltitle
toolTip	Der Tooltip-Text für den Header.	Portalconfig.Portaltitle

Linkliste

Über die Konfiguration der Titelleiste stehen verschiedene Strukturierungs- und Gestaltungsmöglichkeiten zur Verfügung. Neben dem Titel und Logo kann insbesondere eine Linkliste im Header oder Footer des Viewers verwendet werden, um mit den Nutzern zu interagieren. Die Konfiguration der titlelist ermöglicht es, eine Liste von Links im Titelbereich des Portals zu definieren. Dazu eine kurze Auflistung der Grundfeatures für die Linkliste:

Feature	Beschreibung
title	Dei Bezeichnung des Links wie er angezeigt wird.
href	Die Ziel-URL des Links welche eine externe Seite oder eine lokale Datei sein kann.
target	Definiert das Verhalten beim Öffnen des Links (tragen Sie _blank" ein für das Öffnen über einen neuen Tab bzw. eines Fensters.)
title-alternative	Gibt einen alternativen Beschreibungstext für den Link als Tooltip aus.
class	Definiert die CSS-Klasse zur optischen Präsentation des Links.
separator	Definiert das Trennzeichen zwischen um mehrere Links zu separieren.

Beispiel: Hilfe

Als Verwendungsbeispiel der Linkliste bietet sich an, eine Hilfe zu konfigurieren über bspw. help, womit ermöglicht wird eine Hilfe-Seite im Titelbereich des Portals zu definieren, bspw. als Download eines PDF-Dokumentes oder als verlinkung auf eine separate Hilfewebseite:

Feature	Beschreibung
title	Der Name der Verlinkung wie er ausgegebn wird.
href	Die Ziel-URL des Links welche eine externe Seite oder eine lokale Datei sein kann.
title-alternative	Gibt einen alternativen Beschreibungstext für den Link als Tooltip aus.
separator	Definiert das Trennzeichen zwischen verschiedenen Elementen in der Hilfe-Seite.

Beispiel: Feedback

Durch eine hinterlegte Feedback-Option mittels feedback, können Sie ihren Nutzern ein Mittel des Austausches mit Ihnen an die Hand geben:

Feature	Beschreibung
href	Die E-Mail-Adresse für das Feedback.
title	Der Titel des Feedbacks.
title-alternative	Der alternative Tooltip-Text für das Feedback.