Support Adapter Energiefluss-erweitert v0.6.2

[SKB]

@thisoft Du kannst das Element theoretisch mit CSS Rotation und der ID drehen, wenn du keine Schrift nutzt.

Ja, im Test-Bereich gibt es den Thread dazu.

[Homoran]

@thisoft sagte in Support Adapter Energiefluss-erweitert v0.6.2:

Gibt's da inzwischen nen eigenen Thread für die 0.7.x

https://forum.iobroker.net/topic/75485/test-adapter-energiefluss-erweitert-v0-7-x-github-latest/1205

[Thisoft]

@skb sagte in Support Adapter Energiefluss-erweitert v0.6.2:

Du kannst das Element theoretisch mit CSS Rotation und der ID drehen, wenn du keine Schrift nutzt.

Klingt interessant... Sorry dass ich da nerve ;-), aber CSS, HTML & Co. ist nicht wirklich meine Heimat... hättest du auf die Schnelle ein Beispiel was ich da ins CSS schreiben muss?

[SKB]

@thisoft Kann ich dir später raussuchen. Du kannst auch schauen, wie man CSS Rotation nutzt.

Du benötigst die ID des Elements und sprichst es mit

#ID {
Syntax für Rotation 
}

Im Stile Tab an.

[Thisoft]

@skb Danke. Jetzt stehe ich nur noch auf dem Schlauch mit welcher Syntax ich die ID angeben muss:

[Homoran]

@thisoft sagte in Support Adapter Energiefluss-erweitert v0.6.2:

welcher Syntax ich die ID angeben muss:

was steht denn in der Titelzeile wenn du das Item anklickst?

ID 123 -> #ID123

[SKB]

@thisoft Du musst noch die Klasse darüber mit } schließen.

[Thisoft]

@homoran wenn du mit Titelzeile das da meinst:

@skb sagte in Support Adapter Energiefluss-erweitert v0.6.2:

@thisoft Du musst noch die Klasse darüber mit } schließen.
Ah ja - das beseitigt zumindest die Fehlermeldung :-). Allerdings gibt das keine Reaktion weder mit "#ID61" noch mit "61". Was mach ich jetzt noch falsch? Muss ich etwa hier noch etwas eintragen?

[SKB]

@thisoft Suche ich dir später raus, wenn ich wieder einen Rechner zur Verfügung habe

[SKB]

@thisoft Sodale. Du benötigst die transformation, die du schon richtig hattest - hinzu kommt noch ein transform-origin, was dem Element sagt, das es sich um die eigene Achse drehen soll.

Komplett:

#61 {
   transform: rotate(90deg);
   transform-origin: center center 0px;
}

Somit dreht sich der Schalter 90 Grad im Uhrzeigersinn.