Hintergrund bei HTML-Page

Hallo Andreas!

Ich habe jetzt Grafana mittels WebView in mein System integriert.
Im Grafana-Dashboard kann ich den Hintergrund auf transparent stellen.
Leider hat dies aber keine Auswirkung auf meinen Clienten (Android-Tablets und iPad Pro).
Bei Buttons und Bildern kann man den Hintergrund ja auf „transparent“ stellen.
Wie bekomme ich das bei einer Grafana-Grafik hin?

Gruß
Peter

Moin Peter,

bei der WebView kannst du den Hintergrund in IPSView nicht beeinflussen. Hast du mal probiert den embed Link zun nehmen und dann die HTML Box auf HIntergrundfarbe transparent zu setzen? Das funktioniert bei mir jedenfalls im Zusammenhang mit den DWD Unwetterwarnungen :wink:

Gruß
Hans

Hallo Hans,

die Idee wäre gut gewesen, das hatte ich noch nicht probiert.
Nur leider funktioniert das auch nicht - soeben getestet :frowning:

Technisch ist ja alles in Ordnung, nur ist es eben nicht schön, wenn ein grauer Block hinter der Grafik sitzt.

Gruß
Peter

Prinzipiell sollte das auch bei einer WebView funktionieren, hab das auch in meinen TestViews drinnen (Style background-color: transparent;) :cool:

Hallo
Bei funktioniert das mit transparent auch nicht. Hab es fuer mich folgenderweise geloest. Da alle meine Hintergruende die gleich Farbe haben.

In der Datei index.html folgende Zeile einfuegen :

<link rel=„stylesheet“ href=„https://…/user/Grafana/mygrafana.css“ type=„text/css“>

Ordner Grafana in user erstellen, oder wie du es willst und dort eine mygrafana.css erstellen mit folgendem Inhalt :

@charset „UTF-8“;

.panel-container {
background-color: #101010 !important;
border: 0px solid #FFFFFF !important;
}

Neustart nicht vergessen.

Gesendet von iPad mit Tapatalk

Wo ist das zu finden?
In den WebView-Einstellungen finde ich es nicht :thinking:

WebView.JPG

Danke für den Tipp!
Wo ist die index.html zu finden?

Peter

Unter Windows : /GrafanaLabs/grafana/public/views/index.html

Hallo nochmals an alle!

Ich habe meine View jetzt komplett neu aufgebaut und übersichtlicher gestaltet.
Ein Dorn im Auge sind die Grafana-Grafiken.
Der schwarze Hintergrund passt überhaupt nicht zum Rest der View.

@PC Oldie
Hans, ich hab deinen Tipp mit der transparenten HTML-Box getestet. Leider funktioniert das nicht.
Selbst wenn ich eine andere Hintergrundfarbe wähle, wird der schwarze Hintergrund darüber gelegt.
In Grafana ist „transparent“ als Hintergrund eingestellt.

@1007
Die index.html hab ich gefunden, jedoch möchte ich nur im letzten Ausweg die Datei verändern.
Irgendwo liegt ein Fehler vor.

@Brownson
Wo kann man die von dir genannten Einstellungen (Style background-color: transparent) in der WebView vornehmen?
Ich finde das nicht.
Lediglich in einer, wie von Hans genannten, HTML-Box kann man die Hintergrundfarben verändern. Leider ohne Erfolg.

LG Peter

Bei einer WebView musst Du diese Einstellungen selbst in der aufgerufenen Seite machen, der Client zeigt das einfach an wie es daher kommt.

Leider bekomme ich es nicht hin.
Muss der Link in der index.html an einer bestimmten Stelle eingefügt werden?

Ich hab das mit dem Hintergrund in der index.html jetzt soweit hinbekommen, dass dieser zumindest geändert wird.
Aber warum habe ich im Windows-Client die richtige Farbe und im Android-Client eine ganz andere?


Grafana.jpg

EDIT: HAT SICH ERLEDIGT! Nach dem letzten Update war der Fehler weg

Hallo Leute,

nach dem endlich Grafana im View läuft, möchte ich Hintergrund anpassen.
index.html angepasst.

<link rel="stylesheet" href="http://192.168.178.241/user/Grafana/mygrafana.css" type="text/css">

mygrafana.css erstellt

@charset "UTF-8";

.panel-container {
background-color: #2E2E2E !important;/*Hintergrundfarbe vom Container*/
border: 0px solid #FFFFFF !important;
}

die Farbe ändert sich nicht. (Reboot natürlich gemacht)
Muss ich noch was beachten?

Gruß

EDIT:

OK habe es hinbekommen.