FTUI3 - Classchanger?

[Nogga]

Ich versuche gerade meine Tablet UI-Oberfläche auf FTUI3 zu migrieren - bisher klappt das ganz gut.
Ich nutze aber u.a. auch den classchanger um abhängigen von einem Device CSS-Klassen hinzuzufügen/zu entfernen.

Gibt es sowas ähnliches auch in FTUI3?
Oder hat jemand eine alternative Idee?

Folgender Code-Ausschnitt:

Code Auswählen Erweitern


                <div
                    style="left: 910px; top: 140px; width: 320px; height: 250px;"
                    class="fixed room bg room-walls"
                    data-type="classchanger"
                    data-device="EG_Wohnzimmer_Fensterkontakt"
                    data-get="state"
                    data-get-on="open"
                    data-on-class="warning-border"                       
                >


[OdfFhem]

@Nogga

In der Regel reicht das "input binding" beim class-Attribut aus; dann kann man mittels Pipes den Inhalt beeinflussen.

Code Auswählen Erweitern


  [class]="EG_Wohnzimmer_Fensterkontakt:state | map('open: warning-border, `.*`:') | prepend('fixed room bg room-walls ')"


[Nogga]

Ich hab jetzt ein paar verschiedene Varianten getestet - leider erfolglos.
Kann man auf einem beliebigen Tag (div) einfach davon ausgehen, dass man dynamisch die Attribute verändern kann?

[OdfFhem]

@Nogga

Falls Du Nicht-FTUI3-Komponenten verwendest, muss zusätzlich das Attribut ftui-binding zum Einsatz kommen ...

https://forum.fhem.de/index.php/topic,125903.msg1205064.html#msg1205064

[Nogga]

Es klappt!
Musste noch ein Update fahren - offensichtlich ist prepend "relativ neu" (ich glaub mein letztes Update war ungefähr 1-2 Monate her)...