UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?

[SKB]

@alexanderbrix Ja, das geht mit sogenannten CSS Klassen.
Die Adapter bauen nicht aufeinander auf, weil sie verschiedene Backends nutzen.

Ja, es gibt sehr viele Möglichkeiten, das Aussehen zu steuern und zu beeinflussen.

https://github.com/SKB-CGN/ioBroker.energiefluss-erweitert/wiki/Advanced-Options-‐-CSS-Class
beinhaltet die Anleitung für das Icon und andere CSS Eigenschaften.

Hier einfach mal ein wenig herumspielen.

Auch kannst Du Linien Klassen zuweisen, die dann in Abhängigkeit des Wertes gesetzt werden. So kannst Du dann auch durch ein

display: none;

erreichen, das ein Element nicht angezeigt wird.

[alexanderbrix]

@skb danke!
mal blöd gefragt: Wo definiere ich die CSS Klassen?
Wenn ich den Code im CSS-Stile Reiter des Energiefluss-erweitert Adapters eingebe, kommt nur ein Ausrufezeichen ("Unknown property 'd'.)

[SKB]

@alexanderbrix Und weiter?
Schonmal abgespeichert und probiert?

[alexanderbrix]

@skb ja.
so schaut es aktuell aus:

[SKB]

@alexanderbrix Ja, ist doch in Ordnung.
Nur sind die Klassen falsch zugewiesen, da doppelt belegt.

Du möchtest wann, welches Icon? Dann kommt auch da entsprechend die passende Klasse rein und nicht überall.

[alexanderbrix]

@skb Ich habe in den erweiterten Eigenschaften des Icons ganz oben bei "Schwellenwert (Rohwert)" den Wert auf 0 gelassen.
ich möchte, dass das Standard-Icon bei positiven Werten kommt und das über CSS definierte Icon bei Minuswerten (negativen Werten).
Muss ich in den erweiterten Eigenschaften die CSS-Klasse mit . oder ohne . angeben, also element_other_icon oder .element_other_icon ?

[SKB]

@alexanderbrix Dann kommt die Klasse nur bei "Quelle über Schwelle (negativ)" rein. Ohne Punkt.

[alexanderbrix]

@skb habe ich jetzt gemacht, hat aber nichts gebracht. Irgendwo muss noch ein Fehler sein :-(

[SKB]

@alexanderbrix Dem Icon hast du im Basic Tab aber schon eine Quelle zugewiesen, auf die reagiert wird?

Wofür soll die Klasse "Allgemein" sein? Das Icon hast Du dir doch so auf die Fläche gezogen, oder?
Das muss nicht per CSS eingebunden werden.

[alexanderbrix]

@skb ja, dem Icon ist ein Wert zugewiesen.

Das Symbol, welches bei Symbol steht (mdi: electricity-from-grid) soll als Standard erscheinen, also bei nem positiven Wert der Datenquelle, und das "other-icon" soll dann bei nem negativen Wert kommen...

[SKB]

@alexanderbrix Definier die Klasse im CSS Tab mal so:

.element_other_icon path {

}

Habe gerade gesehen, dass das in der Anleitung durchgerutscht ist.

[alexanderbrix]

@skb jetzt klappt's. Vielen Dank für deine Geduld! :-)

[SKB]

@alexanderbrix Gerne! Hatte mich schon gewundert - bei mir gehts ja :D

[alexanderbrix]

@skb jetzt muss ich nur noch die Ansicht auf dem Handy hinkriegen. Das wird noch ein größerer Act für mich...

[SKB]

@alexanderbrix Das Design ist responsive. Sollte also auf dem Handy auch so aussehen.

[da_Woody]

@alexanderbrix na guxxte, @SKB hat dich an der hand genommen und es klappt! :D
ich verwende halt den alten adapter, weil ich mich da nicht mit CSS rumschlagen will und auch nicht mehr brauche.

[alexanderbrix]

@skb auf dem Handy schaut es so aus:

Und auf dem Echo Show so:

[SKB]

@alexanderbrix nimm mal den Stil für svg_display wieder raus und schau, ob sie was ändert.

[alexanderbrix]

@skb nein, ändert sich leider nichts (nur dass es jetzt wieder nicht mehr zentriert ist ;-) )

[SKB]

@alexanderbrix ist das als Frame aufm Handy eingebunden?
Was ist es für ein Handy?
Bei Apple kommt es ab und an zu Schwierigkeiten, da die nicht HTML vernünftig unterstützen.