Blog

Qlik Sense - QMC und Hub CSS Farbe setzen

2 min read • May 04, 2023

Data Solution Architect

Wer viele Tabs in seinem Browser offen hat und zudem noch mehrere Qlik Sense Systeme (DEV, TEST, PROD) sein Eigen nennt, ist wohl manchmal verwirrt, welche Qlik Sense Umgebung er gerade nutzt. Eine klare farbliche Codierung kann diesem Problem entgegenwirken. Dieser Blog-Beitrag erklärt den Weg dorthin.

Bis Qlik Sense Nov 2022 gab es leider kein direktes Feature um eine Umgebung farblich klar zu trennen. Zumindest für den Hub wurde das Feature nun nachgereicht.

undefined

Darstellung am Hub:

undefined

Für die QMC gibt es leider weiterhin kein direktes Feature, um die verschiedenen Umgebungen farblich klar zu trennen, aber man kann sich die .css Definitionen gerne genauer ansehen.

undefined

Als Helferlein dient hier am besten das Dev Tool in Chrome, welches man mittels F12 einblenden kann. Mit dem DOM-Inspektor sieht man, dass etwa die qmc.css den Style "qmc-toolbar" setzt.

undefined

Nicht ganz offensichtlich ist, wo denn die qmc.css im Filesystem liegt. Das war in QlikView einfacher, weil wir den IIS/QVWS mit klaren Mountpoints hatten. Für den Qlik Sense Proxy Service findet man die Datei unter: C:\Program Files\Qlik\Sense\Client\qmc.css

Dort kann man zum Beispiel "Background-color: red;" für den Style "qmc-toolbar" einfügen.

undefined

Für den Hub liegt die Datei unter C:\Program Files\Qlik\Sense\Client\hub\hub.css. Dort ist es der Style "hub-toolbar".
Die .css ist komprimiert und somit unangenehmer zu editieren. Wer aber zum Beispiel mit notepad++ nach "hub-toolbar{" sucht, wird auch schnell fündig.

undefined

Mit ein wenig farblicher Unterstützung wird die Anwendung von Qlik Sense schnell übersichtlicher und hilft dabei, sich die Arbeit mit vielen offenen Tabs von Qlik Sense leichter zu machen.

Wer es noch übersichtlicher benötigt, tauscht auch noch das favicon.ico unter C:\Program Files\Qlik\Sense\Client, dann kann man die Umgebungen auch bei geschlossenen Browser-Tabs unterscheiden.

undefined