Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨

[bloop]

Hallo,
Ab Grafana 8.0 scheint das ganze leider nicht mehr zu funktionieren.
Ich habe versucht das ganze gemäß eurer Anleitung abzuändern, allerdings verlier ich dann sämtliche CSS Einstellungen in Grafana.

Allerdings ist in der index.html Datei bereits ein "stylesheet" angegeben. Dieses liegt bei mir unter
usr/share/grafana/public/build/grafana
hier scheint es ein .css jeweils für den Dark und den Light Theme zu geben.
Ich habe mal versucht das .css zu analysieren und abzuändern, leider ohne Erfolg.
Kenne mich damit zu wenig aus.

Könnte mir vielleicht jemand weiterhelfen?

Herzlichen Dank!

[stenmic]

Also, ab Version 8.2.0 wurde bei mir die "usr\share\grafana\public\views\index.html" geändert.
Mit den hier gezeigten Einstellungen ist es nicht mehr möglich was anzupassen.

Hat einer von euch schon eine Lösung gefunden?

[RkcCorian]

@stenmic Würde mich auch interessieren. Hab nun angefangen das Boom Theme zu nutzen, leider ist das iFrame dadurch größer, bzw. ein kleiner Scollbalken sichtbar :-|

[Pahan]

Hallo zusammen,

hat evtl. jemand eine Lösung gefunden, den Hintergrund bei der aktuellen Version zu entfernen?

[da_Woody]

@pahan öhm, welchen hintergrund meinst du?

[CrunkFX]

@da_woody Hi, ich nehme mal an dieselbe Problematik wie zuvor

[Feuersturm]

Es gab ja zwei verschiedene Wege etwas transparent zu machen:
a) Ganze Dashboards unter der Verwendung vom Boom Plugin
b) Einzelne Panels durch Verwendung der mygrafana.css welche in der index.html angezogen wurde.

Ich habe bei mir Grafana 8.2 noch nicht im produktiven Einsatz und weiß daher noch nicht, was noch geht und was nicht mehr geht. So wie ich @stenmic und @RkcCorian verstehe geht Weg b) nicht mehr. Boom scheint aber noch zu funktionieren. Hab ich das richtig verstanden?

[Feuersturm]

Das Plugin "Boom Theme" funktioniert auch weiterhin unter Grafana 8.2.1, so dass man hiermit ganze Dashboards transparent machen kann.

[stenmic]

@feuersturm Genau.
Diagramme (Panels), die über einen iframe eingebunden werden lassen sich nicht mehr über eine css anpassen. Der Aufbau der index.html hat sich komplett geändert.

[Feuersturm]

@stenmic Dann wird es notwendig sein, dass Netz zu durchwühlen oder mal im Grafana Forum nachzufragen.

[RkcCorian]

@feuersturm Hatte schon das Netz durchforstet, da konnte ich auch nichts finden > Dann vermutlich eher Forum. Aktuell nutze ich das Boom Theme, bis es was Besseres gibt

[da_Woody]

@crunkfx hmm, transparent background gibts ja...

[Feuersturm]

@da_woody Hi, ist der untere Screenshot direkt aus Grafana oder aus deiner VIS?

Wenn ich den vor dir genannten Schieberegler für "Transparent background" aktiviere, dann ist in Grafana das Panel auch transparent

Wenn ich aber das Panel in VIS einbinde, dann hat diese aktivierte Eigenschaft keinen Einfluss auf den Hintergrund vom Panel.

[da_Woody]

@feuersturm der untere ist aus iQontrol.
eingebunden als http://192.168.x.xxx:3000/d-solo/z8EAZn_Gk/heating?orgId=1&refresh=1m&theme=light&panelId=2
also dem embed link, aber ohne das iframe und größe zeuch.
außerdem noch

[Feuersturm]

@da_woody Hi, haben wir das gleiche Verständis, wie ein transparentes Panel aussehen soll?
Nach meinem Verständnis hat ein transparentes Diagramm keinen Hintergrund und der eigentlich VIS Hintergrund ist sichtbar, wie es hier https://forum.iobroker.net/topic/29035/hintergrund-von-grafana-dashboard-in-vis-entfernen/53 dargestellt ist.

Bei deinem Screenshot aus iQontrol ist im Diagramm ein weißer Hintergrund sichtbar.
Das gleiche erreiche ich auch, wenn ich wie von dir vorgeschlagen den embeded link wie von dir genannt in einem iframe widget in VIS darstelle

[da_Woody]

@feuersturm da hast du allerdings recht. allerdings wenn ich die seite öffne, erscheint erstmal die durchsichtige kachel und erst dann wird der hintergrund weis. ob man da was ändern kann...

[Feuersturm]

Auch unter Grafana 8.2 kann man weiterhin den Verweis zur eigenen mygrafana.css einbinden.
Wenn man die erste Zeile der index.html einfach entsprechend umbricht sieht man auch wieder das </head>. Hiervor fügt man die entsprechend bekannte Zeile wieder ein.

Danach werden auch wieder einzelne Panels transparent dargestellt

[RkcCorian]

@feuersturm Wo findet man diese index.html bei der Docker-Version? Hatte diese bislang nicht gefunden...

[Feuersturm]

@rkccorian Guten Morgen, ich hab mit Docker keine Erfahrung. Ich würde aber erwarten, dass innerhalb des Containers die Datei hier zu finden ist usr\share\grafana\public\views\index.html

[RkcCorian]

@feuersturm Hab die Datei gefunden, danke! Da ich nicht so versiert mit Linux bin... wie kann ich die Datei anpassen. In dem Container scheint kein Vim installiert zu sein. Gibt es eine einfache Anleitung, damit ich diese eine Änderung durchführen kann?

Weitere Frage: Die Änderung wird in der grafana.db gespeichert? Oder müsste ich die Änderung bei jedem Container-Update erneut durchführen?

Vielen Dank vorab!!!