Monatsrückblick Januar/Februar 2026 ist online!

[OliverIO]

CSS-Anweisungen wirken immer auf das gesamte HTML-Dokument auf alle Elemente
die dem selektor entsprechen.
Wer zu generelle CSS-Anweisungen definiert, riskiert das es das Gesamt-Layout zusammenhaut wenn man eine Klasse erwischt, die anderweitig auch schon mal definiert wurde.
Daher auch CSS-Anweisungen immer kapseln

Entweder in dem man die widget-id davor schreibt

#w00001.menu-item {
}

wenn man mehrere widgets damit beglücken möchte, dann einen eigenen möglichs eindeutig definierten klassennamen davorschreibt, den man dann in den jeweiligen widget einstellungen unter Klassen mit einträgt (meinmoeglichsteindeutigerklassenname)

.meinmoeglichsteindeutigerklassenname.menu-item {
}

und bitte nochmal das css tutorial zu den selektoren lesen, so das man die mechanik etwas besser versteht.
https://wiki.selfhtml.org/wiki/CSS/Selektoren

um die Probleme besser herausfinden zu können, wo da was wie falsch definiert wurde, sind die developer tools im browser ebenfalls zu empfehlen.
dort kann mann auch die css anweisungen vorher ausprobieren, bevor man sie in den css reiter einträgt

[PediVis]

Danke für eure Rückmeldungen, jetzt kann ich mich mal auf die Suche machen. Eine Frage hätte ich noch. Wie wäre die Vorgehensweise um die Visualisierung wieder in den Urzustand zu versetzen, d.h. dass keine eigenen Projekte/Views bzw. CSS-Anweisungen mehr greifen? Reicht das Löschen der Instanz und die Neuinstallation des VIS Adapters, oder reicht es die eigenen Projekte zu löschen? Von diesem Zustand aus würde ich dann Projekt für Projekt wieder importieren und versuchen die fehlerhafte Stelle in den Views/Widgets zu finden.

[Glasfaser]

@pedivis

Es wäre ja die Frage , was du für ein Fehler in der Vis hast .

Ist es nur in einem Projekt vorhanden und in einem neu angelegten Projekt nicht !?

Es gibt viele möglichkeiten :

Ein defektes Widget in einer View ... oder ein HTML Widget wo du ein HTML Code selber eingefügt hast

oder

Projekt CSS falsche Zuweisung :
liegt im Ordner vis.0/deinProjekt und ist die Datei vis-user.css

oder

oder wenn alle Projekte betroffen sind , CSS in Global -
liegt im Ordner /opt/iobroker/iobroker-data/files/vis/css/
in der Datei vis-common-user.css

[PediVis]

Gestern habe ich mich massiv mit der Lösung des Problems befasst. Leider hat das Durchforsten der CSS Datei zu keinem Ergebnis geführt. Einen Fehler konnte ich nicht finden. Nachdem ich relativ viel Zeit, ohne Ergebnis, mit der Suche verbracht habe, entschloss ich mich dazu die VIS samt aller Projekte zu entfernen, auch auf Dateiebene die entsprechenden Ordner zu löschen und Stück für Stück neu installieren. Direkt nach der Neuinstallation der VIS, also ohne irgend ein eigenes Projekt, habe ich die VIS aufgerufen. Der Fehler war leider immer noch da.
Jetzt war die Geduld dahin. Ich habe den kompletten ioBroker "deinstalliert", danach neuinstalliert und nur den VIS Adapter installiert. Danach der nächste Test, VIS aufgerufen und siehe da, der Fehler war weg. Danach habe ich mein Backup eingespielt und wieder die VIS gestartet und siehe da, der Fehler war immer noch weg. Final habe ich dann die VIS mit einem meiner Projekte aufgerufen und auch da war kein Fehler mehr vorhanden.

Fazit: Ohne etwas an "meinen" Daten zu ändern funktioniert es wieder, irgendwie scheint etwas zerschossen gewesen zu sein. Leider kann ich nicht genau sagen an was es gelegen hat, aber es läuft wieder.

Nochmal vielen Dank für eure Hilfe und Lösungsansätze.