Hintergrund von Grafana Dashboard in VIS entfernen
-
@saeft_2003
Besteht lediglich aus:@charset "UTF-8"; :root { color-scheme: none !important; } .panel-container { background-color: transparent !important; }index.html:
<!doctype html><html lang="en"><head>[[ if and .CSPEnabled .IsDevelopmentEnv ]]<meta http-equiv="Content-Security-Policy" content="[[.CSPContent]]"/>[[ end ]]<meta charset="utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/><meta name="viewport" content="width=device-width"/><meta name="theme-color" content="#000"/><title>[[.AppTitle]]</title><base href="[[.AppSubUrl]]/"/><link rel="icon" type="image/png" href="[[.FavIcon]]"/><link rel="apple-touch-icon" sizes="180x180" href="[[.AppleTouchIcon]]"/><link rel="mask-icon" href="[[.ContentDeliveryURL]]public/img/grafana_mask_icon.svg" color="#F05A28"/>[[ if eq .ThemeType "light" ]]<link rel="stylesheet" href="[[.ContentDeliveryURL]]public/build/grafana.light.469af479381f2d6cb442.css"/>[[ else if eq .ThemeType "dark" ]]<link rel="stylesheet" href="[[.ContentDeliveryURL]]public/build/grafana.dark.886efb710af4d17a895d.css"/>[[ end ]]<script nonce="[[.Nonce]]">performance.mark('frontend_boot_css_time_seconds');</script><meta name="apple-mobile-web-app-capable" content="yes"/><meta name="apple-mobile-web-app-status-bar-style" content="black"/><meta name="msapplication-TileColor" content="#2b5797"/><meta name="msapplication-config" content="public/img/browserconfig.xml"/> <link rel="stylesheet" href="http://IPAdresse/vis.0/mygrafana4.css" type="text/css"> </head> <body class="theme-[[ .ThemeType ]] [[.AppNameBodyClass]]"><style> body.dashboard-solo { background: none !important; } .preloader__enter { opacity: 0; animation-name: preloader-fade-in; animation-iteration-count: 1; animation-duration: 0.9s; animation-delay: 1.35s; animation-fill-mode: forwards; } .preloader__bounce { text-align: center; animation-name: preloader-bounce; animation-duration: 0.9s; animation-iteration-count: infinite; } usw. -
bei mir will es nicht funktionieren. Wenn ich die index datei von dir übernehme zerhaut es mir die ganzen charts... Wenn ich den head abschnitt von meiner grafana 8 index datei nehme startet grafna 10 nicht mehr.
So hab ich es jetzt aber der Hintergrund beibt der originale,
Index:
<!DOCTYPE html> <html lang="[[.User.Language]]"> <head> [[ if and .CSPEnabled .IsDevelopmentEnv ]] <!-- Cypress overwrites CSP headers in HTTP requests, so this is required for e2e tests--> <meta http-equiv="Content-Security-Policy" content="[[.CSPContent]]"/> [[ end ]] <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width" /> <meta name="theme-color" content="#000" /> <title>[[.AppTitle]]</title> <base href="[[.AppSubUrl]]/" /> <link rel="icon" type="image/png" href="[[.FavIcon]]" /> <link rel="apple-touch-icon" sizes="180x180" href="[[.AppleTouchIcon]]" /> <link rel="mask-icon" href="[[.ContentDeliveryURL]]public/img/grafana_mask_icon.svg" color="#F05A28" /> <!-- If theme is "system", we inject the stylesheets with javascript further down the page --> [[ if eq .ThemeType "light" ]] <link rel="stylesheet" href="[[.ContentDeliveryURL]][[.Assets.CSSLight]]" /> [[ else if eq .ThemeType "dark" ]] <link rel="stylesheet" href="[[.ContentDeliveryURL]][[.Assets.CSSDark]]" /> [[ end ]] <script nonce="[[.Nonce]]"> performance.mark('frontend_boot_css_time_seconds'); </script> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="black" /> <meta name="msapplication-TileColor" content="#2b5797" /> <meta name="msapplication-config" content="public/img/browserconfig.xml" /> <link rel="stylesheet" href="http://192.168.178.90:8082/vis.0/mygrafana2.css" type="text/css"> </head>CSS:
@charset "UTF-8"; :root { color-scheme: none !important; } .panel-container { background-color: transparent !important; }Hast du noch eine Idee was ich probieren kann?
-
@saeft_2003
Hast du mal versuchtbody.dashboard-solo { background: none !important; }unter Style einzufügen?
<body class="theme-[[ .ThemeType ]] [[.AppNameBodyClass]]"><style> body.dashboard-solo { background: none !important; } .preloader__enter { opacity: 0;Ebenfalls würde ich die mygrafana.css komplett löschen. Vis neu starten anschließend neu hochladen und Grafana neu starten.
-
Danke probiere ich heute Abend mal aus.
-
@bloop sagte in Hintergrund von Grafana Dashboard in VIS entfernen:
body.dashboard-solo { background: none !important; }
Ich habs jetzt so gemacht und grafana neu gestartet (hab ich immer gemacht) und geht auch nicht...
<body class="theme-[[ .ThemeType ]] [[.AppNameBodyClass]]"> <style> body.dashboard-solo { background: none !important; } .preloader { height: 100%; flex-direction: column; display: flex; justify-content: center; align-items: center; } -
@saeft_2003
Welche Grafana Version läuft bei dir?
Ich habe die 10.1.5 am laufen.Anderer Ansatz:
Ich habe für jedes in der VIS eingebettete Diagramm ein eigenes Dashboard erstellt (um die Größe richtig anpassen zu können) und die Visualization via Embed als iframe eingebettet. Hier würden sich auch unterschiedliche Themes auswählen lassen.
Hast du hier eventuell nicht das Default Theme ausgewählt? bzw. was ist in den Grundeinstellungen als Default definiert? In der config unter users / default_theme zu finden. - Bei mir dark -
Ich hab 10.2.3 installiert. Als theme war dark gewählt das habe ich auf default gestellt. Später probiere ich es nochmal ob sich was geändert hat.
Meine charts sind auch über iframe in der VIS
-
@saeft_2003
Hallo,
habt ihr eine funktionierende Lösung für die Version 10.2.3 gefunden?
Nach einem Systemupdate geht es bei mir auch nicht mehr.
Grüße Kail -
Nein hab leider keine Lösung gefunden. Von welcher Version hast du das Update gemacht, also mit welcher ging es bei dir noch?
-
@saeft_2003
Der Vorgänger hatte höchstens eine 9 vorne in der Versionsnummer. Die genaue, kann ich Dir erst am Wochenende nennen. -
Sag bitte Bescheid falls du eine Lösung findest…
-
@saeft_2003
Bescheid
Habe mal analysiert und romprobiert. Folge Einträge entfernen bei mir den Hintergrund
in der 10.2.3. In meiner Vis stelle ich im iframe nur einzelne Diagramme dar und keine kompletten Dashboards.:root { color-scheme: none; } [class*="panel-container"] { background: transparent !important; } body.dashboard-solo { background: none !important; }Grüße Kail
-
Ich bekomms nicht hin. Kannst du bitte mal deine index.html posten wo auf die grafana.css verwiesen wird.
-
@saeft_2003
Meine Einträge sind direkt in der index.html.
index.html
-
Alles klar danke ich probiere es nachher aus.
-
Perfekt jetzt geht es!!! Großes danke schön
Ich hab erst nicht verstanden das du das direkt in der index Datei eingibst, aber jetzt läuft das. Jetzt kann ich endlich von der grafana 8 VM auf den grafana 10 LXC umsteigen
-
@saeft_2003
Das freut mich. In dem Stand, den ich hochgeladen habe, ist auch der äußere Rand deaktiviert. Wenn Du den haben möchtest, musst Du die Zeile mit border löschen.
Grüße Kail -
@kail Moin! Ich habe großes Interesse an Deiner index.html. Allerdings startet bei mir der Container mit Grafana v10.3.1 nicht mehr, wenn ich die index.html mit Deiner austausche.
Bei jedem Verbindungsversuch über den Browser bekommen ich jeweils einmal die folgende Fehlermeldung...INFO [01-31|20:38:57] Shutdown started logger=server reason="System signal: terminated" INFO [01-31|20:38:57] Closing tracing logger=tracing INFO [01-31|20:38:57] stopped logger=ticker last_tick=2024-01-31T20:38:50Z INFO [01-31|20:39:13] Starting Grafana logger=settings version=10.3.1 commit=00a22ff8b28550d593ec369ba3da1b25780f0a4a branch=HEAD compiled=2024-01-22T18:40:42Z INFO [01-31|20:39:13] Config loaded from logger=settings file=/usr/share/grafana/conf/defaults.ini INFO [01-31|20:39:13] Config loaded from logger=settings file=/etc/grafana/grafana.ini INFO [01-31|20:39:13] Config overridden from command line logger=settings arg="default.paths.data=/var/lib/grafana" INFO [01-31|20:39:13] Config overridden from command line logger=settings arg="default.paths.logs=/var/log/grafana" INFO [01-31|20:39:13] Config overridden from command line logger=settings arg="default.paths.plugins=/var/lib/grafana/plugins" INFO [01-31|20:39:13] Config overridden from command line logger=settings arg="default.paths.provisioning=/etc/grafana/provisioning" INFO [01-31|20:39:13] Config overridden from command line logger=settings arg="default.log.mode=console" INFO [01-31|20:39:13] Config overridden from Environment variable logger=settings var="GF_PATHS_DATA=/var/lib/grafana" INFO [01-31|20:39:13] Config overridden from Environment variable logger=settings var="GF_PATHS_LOGS=/var/log/grafana" INFO [01-31|20:39:13] Config overridden from Environment variable logger=settings var="GF_PATHS_PLUGINS=/var/lib/grafana/plugins" INFO [01-31|20:39:13] Config overridden from Environment variable logger=settings var="GF_PATHS_PROVISIONING=/etc/grafana/provisioning" INFO [01-31|20:39:13] Config overridden from Environment variable logger=settings var="GF_SERVER_PROTOCOL=http" INFO [01-31|20:39:13] Config overridden from Environment variable logger=settings var="GF_SECURITY_ALLOW_EMBEDDING=true" INFO [01-31|20:39:13] Config overridden from Environment variable logger=settings var="GF_AUTH_ANONYMOUS_ENABLED=true" INFO [01-31|20:39:13] Config overridden from Environment variable logger=settings var="GF_DATE_FORMATS_FULL_DATE=DD.MM.YY HH:mm:ss" INFO [01-31|20:39:13] Config overridden from Environment variable logger=settings var="GF_DATE_FORMATS_INTERVAL_HOUR=DD.MM HH:mm" INFO [01-31|20:39:13] Config overridden from Environment variable logger=settings var="GF_DATE_FORMATS_INTERVAL_DAY=DD.MM" INFO [01-31|20:39:13] Config overridden from Environment variable logger=settings var="GF_DATE_FORMATS_INTERVAL_MONTH=MM.YY" INFO [01-31|20:39:13] Target logger=settings target=[all] INFO [01-31|20:39:13] Path Home logger=settings path=/usr/share/grafana INFO [01-31|20:39:13] Path Data logger=settings path=/var/lib/grafana INFO [01-31|20:39:13] Path Logs logger=settings path=/var/log/grafana INFO [01-31|20:39:13] Path Plugins logger=settings path=/var/lib/grafana/plugins INFO [01-31|20:39:13] Path Provisioning logger=settings path=/etc/grafana/provisioning INFO [01-31|20:39:13] App mode production logger=settings INFO [01-31|20:39:13] Connecting to DB logger=sqlstore dbtype=sqlite3 WARN [01-31|20:39:13] SQLite database file has broader permissions than it should logger=sqlstore path=/var/lib/grafana/grafana.db mode=-rwxrwxr-x expected=-rw-r----- INFO [01-31|20:39:13] Starting DB migrations logger=migrator INFO [01-31|20:39:13] migrations completed logger=migrator performed=0 skipped=526 duration=2.883611ms INFO [01-31|20:39:13] Envelope encryption state logger=secrets enabled=true current provider=secretKey.v1 INFO [01-31|20:39:13] Loading plugins... logger=plugin.store WARN [01-31|20:39:13] Skipping finding plugins as directory does not exist logger=local.finder path=/usr/share/grafana/plugins-bundled INFO [01-31|20:39:13] Plugins loaded logger=plugin.store count=55 duration=43.891667ms INFO [01-31|20:39:13] Query Service initialization logger=query_data INFO [01-31|20:39:13] Live Push Gateway initialization logger=live.push_http INFO [01-31|20:39:14] Starting logger=ngalert.migration INFO [01-31|20:39:14] Migration already complete logger=ngalert.migration CurrentType=UnifiedAlerting DesiredType=UnifiedAlerting CleanOnDowngrade=false CleanOnUpgrade=false WARN [01-31|20:39:14] Unexpected number of rows updating alert configuration history logger=ngalert rows=0 org=1 hash=not-yet-calculated INFO [01-31|20:39:14] registering usage stat providers logger=infra.usagestats.collector usageStatsProvidersLen=2 INFO [01-31|20:39:14] starting to provision alerting logger=provisioning.alerting INFO [01-31|20:39:14] finished to provision alerting logger=provisioning.alerting INFO [01-31|20:39:14] Warming state cache for startup logger=ngalert.state.manager INFO [01-31|20:39:14] HTTP Server Listen logger=http.server address=[::]:3000 protocol=http subUrl= socket= INFO [01-31|20:39:14] Storage starting logger=grafanaStorageLogger INFO [01-31|20:39:14] Starting MultiOrg Alertmanager logger=ngalert.multiorg.alertmanager INFO [01-31|20:39:14] Authentication is disabled logger=grafana-apiserver INFO [01-31|20:39:14] Adding GroupVersion playlist.grafana.app v0alpha1 to ResourceManager logger=grafana-apiserver INFO [01-31|20:39:15] Update check succeeded logger=grafana.update.checker duration=159.940755ms INFO [01-31|20:39:15] Update check succeeded logger=plugins.update.checker duration=245.34633ms INFO [01-31|20:39:16] State cache has been initialized logger=ngalert.state.manager states=0 duration=1.244056524s INFO [01-31|20:39:16] Starting scheduler logger=ngalert.scheduler tickInterval=10s INFO [01-31|20:39:16] starting logger=ticker first_tick=2024-01-31T20:39:20Z ERROR[01-31|20:39:29] Request error logger=context userId=0 orgId=1 uname= error="Context.HTML - Error rendering template: index. You may need to build frontend assets \n template: index:19:34: executing \"index\" at <.ContentDeliveryURL>: can't evaluate field ContentDeliveryURL in type *dtos.IndexViewData" stack="github.com/grafana/grafana/pkg/web/context.go:112 (0x61c0106)\ngithub.com/grafana/grafana/pkg/api/index.go:231 (0x88ae1cb)\ngithub.com/grafana/grafana/pkg/api/response/web_hack.go:40 (0x61ce5ef)\nnet/http/server.go:2136 (0x5407728)\ngithub.com/grafana/grafana/pkg/web/macaron.go:131 (0x61c106e)\nnet/http/server.go:2136 (0x5407728)\ngithub.com/grafana/grafana/pkg/web/macaron.go:137 (0x61c1112)\nnet/http/server.go:2136 (0x5407728)\ngithub.com/grafana/grafana/pkg/web/macaron.go:137 (0x61c1112)\nnet/http/server.go:2136 (0x5407728)\ngithub.com/grafana/grafana/pkg/web/macaron.go:137 (0x61c1112)\nnet/http/server.go:2136 (0x5407728)\ngithub.com/grafana/grafana/pkg/web/macaron.go:137 (0x61c1112)\nnet/http/server.go:2136 (0x5407728)\ngithub.com/grafana/grafana/pkg/services/contexthandler/contexthandler.go:144 (0x88d01c9)\nnet/http/server.go:2136 (0x5407728)\ngithub.com/grafana/grafana/pkg/web/macaron.go:137 (0x61c1112)\nnet/http/server.go:2136 (0x5407728)\ngithub.com/grafana/grafana/pkg/web/macaron.go:137 (0x61c1112)\nnet/http/server.go:2136 (0x5407728)\ngithub.com/grafana/grafana/pkg/web/macaron.go:137 (0x61c1112)\nnet/http/server.go:2136 (0x5407728)\ngithub.com/grafana/grafana/pkg/web/macaron.go:137 (0x61c1112)\nnet/http/server.go:2136 (0x5407728)\ngithub.com/grafana/grafana/pkg/web/macaron.go:137 (0x61c1112)\nnet/http/server.go:2136 (0x5407728)\ngithub.com/grafana/grafana/pkg/web/render.go:44 (0x61c1bfd)\nnet/http/server.go:2136 (0x5407728)\ngithub.com/grafana/grafana/pkg/web/macaron.go:137 (0x61c1112)\nnet/http/server.go:2136 (0x5407728)\ngithub.com/grafana/grafana/pkg/web/macaron.go:137 (0x61c1112)\nnet/http/server.go:2136 (0x5407728)\ngithub.com/grafana/grafana/pkg/web/macaron.go:137 (0x61c1112)\nnet/http/server.go:2136 (0x5407728)\ngithub.com/grafana/grafana/pkg/web/macaron.go:137 (0x61c1112)\nnet/http/server.go:2136 (0x5407728)\ngithub.com/grafana/grafana/pkg/middleware/csrf/csrf.go:66 (0x7ef039a)\nnet/http/server.go:2136 (0x5407728)\ngithub.com/grafana/grafana/pkg/middleware/recovery.go:180 (0x88aa63d)\nnet/http/server.go:2136 (0x5407728)\ngithub.com/grafana/grafana/pkg/middleware/loggermw/logger.go:72 (0x7ef13b6)\nnet/http/server.go:2136 (0x5407728)\ngithub.com/grafana/grafana/pkg/middleware/request_metrics.go:83 (0x67b9975)\nnet/http/server.go:2136 (0x5407728)\ngithub.com/grafana/grafana/pkg/middleware/request_tracing.go:88 (0x88ab315)\nnet/http/server.go:2136 (0x5407728)\ngithub.com/grafana/grafana/pkg/middleware/requestmeta/request_metadata.go:66 (0x88cf275)\nnet/http/server.go:2136 (0x5407728)\ngithub.com/grafana/grafana/pkg/web/context.go:52 (0x61bfb56)\ngithub.com/grafana/grafana/pkg/web/router.go:155 (0x61c32cd)\ngithub.com/grafana/grafana/pkg/web/router.go:211 (0x61c3e34)\ngithub.com/grafana/grafana/pkg/web/macaron.go:163 (0x61c153c)\nnet/http/server.go:2938 (0x540a40d)\nnet/http/server.go:2009 (0x54062f3)\nruntime/asm_amd64.s:1650 (0x50cdfc0)\n" INFO [01-31|20:40:30] Usage stats are ready to report logger=infra.usagestatsHast Du eine Idee was das Problem sein könnte? Vielen Dank im Voraus!!!
-
@rkccorian Was ist denn DAS für ein Screenshot ????
Was soll man daraus lesen / interpretieren ?Hammer
Text bitte immer hier in Codetags posten
-
@djmarc75 Stimmt
Bin glaub zu müde, sorry! Hab den Post angepasst
