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:
<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"
>
@Nogga
In der Regel reicht das "input binding" beim class-Attribut aus; dann kann man mittels Pipes den Inhalt beeinflussen.
[class]="EG_Wohnzimmer_Fensterkontakt:state | map('open: warning-border, `.*`:') | prepend('fixed room bg room-walls ')"
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?
@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 (https://forum.fhem.de/index.php/topic,125903.msg1205064.html#msg1205064)
Es klappt!
Musste noch ein Update fahren - offensichtlich ist prepend "relativ neu" (ich glaub mein letztes Update war ungefähr 1-2 Monate her)...