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

[andre]

Hallo,

da ich sehr umfangreiche Views für mein Bediendisplay habe, benötigt mein Vis relativ lange zum Laden der Daten (zumindest auf dem Pi2 mit Chromium). Demzufolge wird der Startbildschirm bzw. die Anzeige mit "Lade Daten…" usw. länger angezeigt. Da mein Display in einem relativ dunklen, weil innen liegenden Flur hängt wird bei einem Reload oder Neustart durch den hellen Hintergrund immer reichlich Licht erzeugt. :) Gleiches gilt auch für den Fall, dass mein ioBroker sich weg hängt. Dann wird nach einiger Zeit auch eine leere, weiße Seite mit drei Punkten angezeigt (weil Server nicht erreichbar) und der Flur ist hell erleuchtet.

Gibt es eine Möglichkeit die Hintergrundfarbe des Startbildschirms sowie die Farbe der angezeigten Schrift zu verändern? Perfekt wäre es wenn man den Hintergrund sogar durch ein Hintergrundbild ersetzen könnte. Vieleicht über CSS?

Danke.

MfG,

André

[Bluefox]

@andre:

Hallo,

da ich sehr umfangreiche Views für mein Bediendisplay habe, benötigt mein Vis relativ lange zum Laden der Daten (zumindest auf dem Pi2 mit Chromium). Demzufolge wird der Startbildschirm bzw. die Anzeige mit "Lade Daten…" usw. länger angezeigt. Da mein Display in einem relativ dunklen, weil innen liegenden Flur hängt wird bei einem Reload oder Neustart durch den hellen Hintergrund immer reichlich Licht erzeugt. :) Gleiches gilt auch für den Fall, dass mein ioBroker sich weg hängt. Dann wird nach einiger Zeit auch eine leere, weiße Seite mit drei Punkten angezeigt (weil Server nicht erreichbar) und der Flur ist hell erleuchtet.

Gibt es eine Möglichkeit die Hintergrundfarbe des Startbildschirms sowie die Farbe der angezeigten Schrift zu verändern? Perfekt wäre es wenn man den Hintergrund sogar durch ein Hintergrundbild ersetzen könnte. Vieleicht über CSS?

Danke.

MfG,

André `

#waitScreen {
    /*background: rgba(31, 31, 31, 0.74);*/
    background-image: url(http://www.moranyachts.com/sites/default/files/Clifford_II.jpg);
    background-size: 100%;
}
#waitText {
    color: white;
}

[andre]

@Bluefox:

#waitScreen {
    /*background: rgba(31, 31, 31, 0.74);*/
    background-image: url(http://www.moranyachts.com/sites/default/files/Clifford_II.jpg);
    background-size: 100%;
}
#waitText {
    color: white;
}
```` `  

:) Klasse. An genau sowas hatte ich gedacht. Hab's gleich mal eingebaut. Funktioniert. Danke.

MfG,

André