Welche Möglichkeiten bietet Enginsight für ein White-Labeling der Plattform?

Enginsight bietet dir die Möglichkeit, das Aussehen der Enginsight Plattform an dein Corporate Design anzupassen.

Diese Anpassungsmöglichkeiten umfassen neben dem Hinterlegen eines eigenen Logos sowie eigenen Support-Kontaktdaten über die Benutzeroberfläche von Enginsight auch umfassendere Anpassungsmöglichkeiten über die Enginsight Konfigurationsdatei.

---

Anpassungen über die Enginsight Benutzeroberfläche

Eigenes Logo hinterlegen

Du kannst dein eigenes Logo hinterlegen, damit dieses in der Sidebar der Plattform sowie in PDF- und DOCX-Berichten angezeigt wird. Nimm dazu folgende Schritte vor:

1

Logge dich in der Enginsight Plattform ein.

2

Navigiere zu Einstellungen → Organisation.

3

Scrolle zum Abschnitt Corporate Design und klicke auf Erweitern, um den entsprechenden Bereich auszuklappen.

4

Klicke auf Datei auswählen, um eine Bilddatei mit deinem Logo hochzuladen.

Bitte beachte: Die hochgeladene Datei darf nicht größer als 1 MB sein. Unterstützte Bildformate sind SVG, PNG und JPG. PNG- und JPG-Dateien müssen mindestens die Maße 150x150 Pixel haben.

Eigene Support-Kontaktdaten hinterlegen

Du kannst Kontaktinformationen eintragen, wenn durch dich als Hauptorganisation der Support für verknüpfte Kunden-Unterorganisationen übernommen wird.

Bitte beachte: Diese Funktion ist nur für Hauptorganisationen in der On-Premises-Version von Enginsight verfügbar.

Nimm dazu folgende Schritte vor:

1

Logge dich in der Enginsight Plattform ein.

2

Navigiere zu Einstellungen → Support.

3

Nimm folgende Einstellungen vor:

Option	Beschreibung
Name der Organisation	Gib den Namen der Organisation an, die für den Support zuständig ist.
E-Mail	Gib die E-Mail-Adresse an, unter der der Support zu erreichen ist.
Telefon	Gib die Telefonnummer an, unter der der Support zu erreichen ist. Dieses Feld ist optional.
Webseite	Gib die Webseite der Organisation an, die für den Support zuständig ist oder unter der der Support zu erreichen ist, z.B. über ein Kontaktformular. Dieses Feld ist optional.

4

Klicke auf Änderungen speichern.

Die angegebenen Kontaktdaten werden nun verknüpften Kunden-Unterorganisationen angezeigt, wenn sie in der Topbar der Plattform auf das Headset-Symbol klicken.

---

Anpassungen über die Enginsight Konfigurationsdatei

Über die Enginsight Konfigurationsdatei kannst du umfassendere Änderungen vornehmen. Dies betrifft vor allem die Login-Seite sowie Links zu rechtlich notwendigen Seiten wie den AGBs oder der Datenschutzerklärung.

Nimm dazu folgende Schritte vor:

1

Enginsight Konfigurationsdatei öffnen

1. Logge dich auf dem Enginsight Applikationsserver ein.

2. Öffne mit folgendem Befehl die Enginsight Konfigurationsdatei:

sudo nano /opt/enginsight/enterprise/conf/ui-m1/environment.js

2

Corporate Design hinterlegen

1. Füge der Konfigurationsdatei den Abschnitt corporateIdentity hinzu, um Akzentfarbe, Logo, Gestaltung des Browser-Tabs sowie der Login-Seite und mehr festzulegen:

corporateIdentity: {
    colors: {
        primaryH: '',
        primaryS: '',
        primaryL: ''
        },
    tabTitle: '',
    favicon: '',
    company: '',
    companySlug: '',
    about: '',
    website: '',
    logo: '',
    logoIcon: '',
    offlineBackgroundImage: '',
    offlineBackgroundImageWithoutText: false
},

1. Ergänze die Parameter wie folgt:

Parameter	Beschreibung
colors	Gib die Akzentfarbe für die Plattform gemäß dem HSL-Farbmodell an: primaryH: Gib H-Wert (Hue; Farbton) als Ganzzahl (0-360) an. primaryS: Gib den S-Wert (Saturation; Sättigung) in Prozent (0% - 100%) an. primaryL: Gib den L-Wert (Lightness; Helligkeit) in Prozent (0% - 100%) an.
tabTitle	Gib einen Text an, der als Titel auf dem Browser-Tab angezeigt werden soll.
favicon	Gib den vollständigen Pfad (inklusive https:// oder http://) zu einem Favicon an, das unter anderem auf dem Browser-Tab angezeigt werden soll. Beispiel: https://company.com/favicon.ico Unterstützte Formate sind ICO und PNG.
company	Gib den Namen deines Unternehmens an.
companySlug	Gib einen Kurznamen für dein Unternehmen an.
about	Gib eine kurze Beschreibung deines Unternehmens an.
website	Gib die Webseite deines Unternehmens inklusive www. an. Beispiel: www.company.com
logo	Füge dein Hauptlogo (z.B. Wort- und Bildmarke) direkt als .svg-Datei in die Konfiguration ein. Siehe dazu auch die Beispielkonfiguration weiter unten. Es wird ausschließlich das SVG-Format unterstützt.
logoIcon	Füge ein annähernd quadratisches Logo (z.B. nur die Bildmarke). direkt als .svg-Datei in die Konfiguration ein. Siehe dazu auch die Beispielkonfiguration weiter unten. Es wird ausschließlich das SVG-Format unterstützt.
offlineBackgroundImage	Gib optional den vollständigen Pfad (inklusive https:// oder http://) zu einem Hintergrundbild für die Login-Seite an. Beispiel: https://company.com/images/background.png Unterstützte Formate sind PNG und JPG.
offlineBackgroundImageWithoutText	Lege fest, wie die Login-Seite dargestellt werden soll. false: Logo, Name, Beschreibung und Webseite der Organisation sind vor dem Hintergrundbild platziert. Siehe Beispiel 1 weiter unten. true: Logo, Name, Beschreibung und Webseite der Organisation werden nicht angezeigt. Stattdessen ist das Logo oberhalb der Anmeldemaske auf der linken Seite platziert. Siehe Beispiel 2 weiter unten.

3

Links zu rechtlich wichtigen Seiten hinterlegen

1. Füge der Konfigurationsdatei den Abschnitt legal hinzu, um Links zu AGB, Datenschutzerklärung, Impressum und Auftragsverarbeitungsvertrag zu hinterlegen:

legal: {
    dataProcessingAgreement: "https://...",
    privacyPolicy: "https://...",
    imprint: "https://...",
    terms: "https://..."
},

Bitte beachte: Wenn du den gesamten Abschnitt legal weglässt oder einzelne Werte leer lässt, werden weiterhin die entsprechenden Links zu Enginsight angezeigt! Blende Werte, die du nicht anzeigen möchtest, daher wie folgt beschrieben aus.

1. Setze Werte für Links, die du ausblenden möchtest, auf null, zum Beispiel:

legal: {
    dataProcessingAgreement: null,
    privacyPolicy: null,
    imprint: "https://...",
    terms: "https://..."

4

Änderungen speichern

Speichere die Konfigurationsdatei (Strg + o) und bestätige den Speicherprozess. Schließe die Datei (Strg + x).

5

Anpassungen auf dem Applikationsserver übernehmen

Nun musst du das Setup-Skript für den Applikationsserver noch einmal ausführen, um deine Konfigurationsänderungen zu übernehmen.

1. Navigiere dazu mit folgendem Befehl in das Enginsight Installationsverzeichnis:

cd /opt/enginsight/enterprise

1. Führe nun mit folgendem Befehl das Setup-Skript neu aus und bestätige alle Abfragen mit der Enter-Taste:

sudo ./setup.sh

---

Beispiele für Anpassungen der Login-Seite

Beispiel 1: Login-Seite ohne Hintergrundbild

Für eine Login-Seite ohne Hintergundbild könnte die Konfiguration wie folgt aussehen:

corporateIdentity: {
    colors: {
        primaryH: '208',
        primaryS: '66%',
        primaryL: '60%'
    },
    tabTitle: 'Company Security',
    favicon: 'https://company.com/favicon.ico',
    company: 'Company GmbH',
    companySlug: 'Company',
    about: 'Best Security Monitoring of the World',
    website: 'www.company.com',
    logo: '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 410.84 87.9"><defs><style>.cls-1{fill:url(#linear-gradient);}.cls-2{fill:#58595b;}</style><linearGradient id="linear-gradient" x1="39.42" x2="39.42" y2="87.9" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fc7808"/><stop offset="0.43" stop-color="#ff006c"/><stop offset="0.79" stop-color="#8338ea"/><stop offset="1" stop-color="#3887fe"/></linearGradient></defs><g id="OBJECTS"><path class="cls-1" d="M39.42,14.1l2.71,1.56V6.27L39.42,4.7,36.7,6.27v9.39ZM59.84,32.16,65.27,29,42.13,15.66v6.27ZM0,24.32V63.58l5.43-3.13v-33Zm78.84-3.13L42.13,0V6.27L73.41,24.33ZM2.71,68.27l34,19.63V81.63L8.14,65.14ZM36.7,0l-34,19.62,5.43,3.14L36.7,6.27Zm-15,30.59,15-8.66V15.66L16.28,27.46ZM39.42,73.8,36.7,72.24v9.39l2.72,1.57,2.71-1.57V72.24ZM59.84,55.74,42.13,66v6.27L65.27,58.87ZM42.13,81.63V87.9L78.84,66.71l-5.43-3.14ZM13.57,29l2.71-1.57-8.14-4.7L5.43,24.33v3.12l8.14,4.7ZM36.7,66l-15-8.66-5.43,3.13L36.7,72.24ZM19,52.61V35.29l-5.42-3.14v23.6Zm-5.42,6.26V55.75l-8.14,4.7v3.12l2.71,1.57,8.14-4.7Z"/><path class="cls-2" d="M104.2,44c0-11.91,9.11-20.35,21.52-20.35,7.21,0,13,2.63,16.82,7.38l-7,6.37a11.57,11.57,0,0,0-9.22-4.58c-6.43,0-10.9,4.47-10.9,11.18s4.47,11.18,10.9,11.18a11.57,11.57,0,0,0,9.22-4.58l7,6.37c-3.8,4.75-9.61,7.37-16.82,7.37C113.31,64.29,104.2,55.85,104.2,44Z"/><path class="cls-2" d="M144.61,44c0-11.74,9.22-20.35,21.74-20.35S188.1,32.21,188.1,44s-9.23,20.34-21.75,20.34S144.61,55.69,144.61,44Zm32.31,0c0-6.76-4.64-11.18-10.57-11.18S155.79,37.19,155.79,44s4.64,11.18,10.56,11.18S176.92,50.71,176.92,44Z"/><path class="cls-2" d="M229.23,63.51l-.11-20.73L219.06,59.66h-4.92l-10-16.33V63.51H193.91V24.39H203L216.77,47l13.41-22.58h9.12l.11,39.12Z"/><path class="cls-2" d="M282.5,38.86c0,8.89-6.7,14.42-17.38,14.42H258.3V63.51H247.23V24.39h17.89C275.8,24.39,282.5,29.92,282.5,38.86Zm-11.18,0c0-3.63-2.29-5.75-6.87-5.75H258.3V44.56h6.15C269,44.56,271.32,42.44,271.32,38.86Z"/><path class="cls-2" d="M312.13,55.91H295.58l-3.07,7.6H281.22l17.27-39.12h10.9l17.33,39.12H315.2Zm-3.24-8.16-5-12.52-5,12.52Z"/><path class="cls-2" d="M367.07,24.39V63.51H358L340.69,42.66V63.51H329.85V24.39H339l17.27,20.84V24.39Z"/><path class="cls-2" d="M395.86,49.48v14H384.79V49.31L369.87,24.39h11.68l9.28,15.54,9.28-15.54h10.73Z"/></g></svg>',
    logoIcon: '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 78.84 87.9"><defs><style>.cls-1{fill:url(#linear-gradient);}</style><linearGradient id="linear-gradient" x1="39.42" x2="39.42" y2="87.9" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fc7808"/><stop offset="0.43" stop-color="#ff006c"/><stop offset="0.79" stop-color="#8338ea"/><stop offset="1" stop-color="#3887fe"/></linearGradient></defs><g id="OBJECTS"><path class="cls-1" d="M39.42,14.1l2.71,1.56V6.27L39.42,4.7,36.7,6.27v9.39ZM59.84,32.16,65.27,29,42.13,15.66v6.27ZM0,24.32V63.58l5.43-3.13v-33Zm78.84-3.13L42.13,0V6.27L73.41,24.33ZM2.71,68.27l34,19.63V81.63L8.14,65.14ZM36.7,0l-34,19.62,5.43,3.14L36.7,6.27Zm-15,30.59,15-8.66V15.66L16.28,27.46ZM39.42,73.8,36.7,72.24v9.39l2.72,1.57,2.71-1.57V72.24ZM59.84,55.74,42.13,66v6.27L65.27,58.87ZM42.13,81.63V87.9L78.84,66.71l-5.43-3.14ZM13.57,29l2.71-1.57-8.14-4.7L5.43,24.33v3.12l8.14,4.7ZM36.7,66l-15-8.66-5.43,3.13L36.7,72.24ZM19,52.61V35.29l-5.42-3.14v23.6Zm-5.42,6.26V55.75l-8.14,4.7v3.12l2.71,1.57,8.14-4.7Z"/></g></svg>',
    offlineBackgroundImage: '',
    offlineBackgroundImageWithoutText: false
},

Beispiel 2: Login-Seite mit Hintergrundbild

Für eine Login-Seite mit Hintergundbild und offlineBackgroundImageWithoutText: true könnte die Konfiguration wie folgt aussehen:

corporateIdentity: {
    colors: {
        primaryH: '208',
        primaryS: '66%',
        primaryL: '60%'
    },
    tabTitle: 'Company Security',
    favicon: 'https://company.com/favicon.ico',
    company: 'Company GmbH',
    companySlug: 'Company',
    about: 'Best Security Monitoring of the World',
    website: 'www.company.com',
    logo: '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 410.84 87.9"><defs><style>.cls-1{fill:url(#linear-gradient);}.cls-2{fill:#58595b;}</style><linearGradient id="linear-gradient" x1="39.42" x2="39.42" y2="87.9" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fc7808"/><stop offset="0.43" stop-color="#ff006c"/><stop offset="0.79" stop-color="#8338ea"/><stop offset="1" stop-color="#3887fe"/></linearGradient></defs><g id="OBJECTS"><path class="cls-1" d="M39.42,14.1l2.71,1.56V6.27L39.42,4.7,36.7,6.27v9.39ZM59.84,32.16,65.27,29,42.13,15.66v6.27ZM0,24.32V63.58l5.43-3.13v-33Zm78.84-3.13L42.13,0V6.27L73.41,24.33ZM2.71,68.27l34,19.63V81.63L8.14,65.14ZM36.7,0l-34,19.62,5.43,3.14L36.7,6.27Zm-15,30.59,15-8.66V15.66L16.28,27.46ZM39.42,73.8,36.7,72.24v9.39l2.72,1.57,2.71-1.57V72.24ZM59.84,55.74,42.13,66v6.27L65.27,58.87ZM42.13,81.63V87.9L78.84,66.71l-5.43-3.14ZM13.57,29l2.71-1.57-8.14-4.7L5.43,24.33v3.12l8.14,4.7ZM36.7,66l-15-8.66-5.43,3.13L36.7,72.24ZM19,52.61V35.29l-5.42-3.14v23.6Zm-5.42,6.26V55.75l-8.14,4.7v3.12l2.71,1.57,8.14-4.7Z"/><path class="cls-2" d="M104.2,44c0-11.91,9.11-20.35,21.52-20.35,7.21,0,13,2.63,16.82,7.38l-7,6.37a11.57,11.57,0,0,0-9.22-4.58c-6.43,0-10.9,4.47-10.9,11.18s4.47,11.18,10.9,11.18a11.57,11.57,0,0,0,9.22-4.58l7,6.37c-3.8,4.75-9.61,7.37-16.82,7.37C113.31,64.29,104.2,55.85,104.2,44Z"/><path class="cls-2" d="M144.61,44c0-11.74,9.22-20.35,21.74-20.35S188.1,32.21,188.1,44s-9.23,20.34-21.75,20.34S144.61,55.69,144.61,44Zm32.31,0c0-6.76-4.64-11.18-10.57-11.18S155.79,37.19,155.79,44s4.64,11.18,10.56,11.18S176.92,50.71,176.92,44Z"/><path class="cls-2" d="M229.23,63.51l-.11-20.73L219.06,59.66h-4.92l-10-16.33V63.51H193.91V24.39H203L216.77,47l13.41-22.58h9.12l.11,39.12Z"/><path class="cls-2" d="M282.5,38.86c0,8.89-6.7,14.42-17.38,14.42H258.3V63.51H247.23V24.39h17.89C275.8,24.39,282.5,29.92,282.5,38.86Zm-11.18,0c0-3.63-2.29-5.75-6.87-5.75H258.3V44.56h6.15C269,44.56,271.32,42.44,271.32,38.86Z"/><path class="cls-2" d="M312.13,55.91H295.58l-3.07,7.6H281.22l17.27-39.12h10.9l17.33,39.12H315.2Zm-3.24-8.16-5-12.52-5,12.52Z"/><path class="cls-2" d="M367.07,24.39V63.51H358L340.69,42.66V63.51H329.85V24.39H339l17.27,20.84V24.39Z"/><path class="cls-2" d="M395.86,49.48v14H384.79V49.31L369.87,24.39h11.68l9.28,15.54,9.28-15.54h10.73Z"/></g></svg>',
    logoIcon: '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 78.84 87.9"><defs><style>.cls-1{fill:url(#linear-gradient);}</style><linearGradient id="linear-gradient" x1="39.42" x2="39.42" y2="87.9" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fc7808"/><stop offset="0.43" stop-color="#ff006c"/><stop offset="0.79" stop-color="#8338ea"/><stop offset="1" stop-color="#3887fe"/></linearGradient></defs><g id="OBJECTS"><path class="cls-1" d="M39.42,14.1l2.71,1.56V6.27L39.42,4.7,36.7,6.27v9.39ZM59.84,32.16,65.27,29,42.13,15.66v6.27ZM0,24.32V63.58l5.43-3.13v-33Zm78.84-3.13L42.13,0V6.27L73.41,24.33ZM2.71,68.27l34,19.63V81.63L8.14,65.14ZM36.7,0l-34,19.62,5.43,3.14L36.7,6.27Zm-15,30.59,15-8.66V15.66L16.28,27.46ZM39.42,73.8,36.7,72.24v9.39l2.72,1.57,2.71-1.57V72.24ZM59.84,55.74,42.13,66v6.27L65.27,58.87ZM42.13,81.63V87.9L78.84,66.71l-5.43-3.14ZM13.57,29l2.71-1.57-8.14-4.7L5.43,24.33v3.12l8.14,4.7ZM36.7,66l-15-8.66-5.43,3.13L36.7,72.24ZM19,52.61V35.29l-5.42-3.14v23.6Zm-5.42,6.26V55.75l-8.14,4.7v3.12l2.71,1.57,8.14-4.7Z"/></g></svg>',
    offlineBackgroundImage: 'https://company.com/images/background.png',
    offlineBackgroundImageWithoutText: true
},

---