Neuer ioBroker-Blog online: Monatsrückblick März/April 2026

[Coffeelover]

Hallo in die Runde,

ich habe eine kurze Frage: Ich möchte unterschiedliche vis-Elemente einheitlich gestalten. Bisher läuft das über "Minimalprinzip", d.h. ich wähle grundsätzlich nur Objekte aus, bei denen ich die Farbe über die Widgeteigenschaften so einstellen kann, wie ich das möchte.

Um Anpassungen in CSS durchzuführen (z.B. Boxen mit farbigem Rand links und unten, rechts und oben in schwarz) würde ich so etwas einführen.

#visview_Main .ui-button {
     background: black;
     font-family: Play-Regular;
     color: #1db954;
     border-top-color: #1db954;
     border-right-color: #1db954;
     border-left-color: black;
     border-bottom-color: black;
}

Das funktioniert auch gut für ein konkretes Objekt. Wie bekomme ich nun aber die "Namen" wie .ui-button für andere Widgets heraus?

Falls sinnvoller, würde ich das auch über Widget > CSS-Klasse lösen. Hier komme ich aber genauso wenig weiter.

Danke

[dirkhe]

Du kannst einfach mit der rechtrn MausTaste auf ein elEvent blicken und dann Element untersuchen oder so ähnlich dann öffnet sich ein neues Fenster, wo du alles genau sehen kannst, invl. Vererbung usw. Du kannst da such direkt etwas verändern um zu testen. Das musst du natürlich hinterher in der vis Oberfläche machen, denn alle direkten Änderungen sind nach dem Reload weg.

[Coffeelover]

Cool, das klingt ja einfach. Teste ich gleich morgen.