Moin,
im develop branch ist jetzt ein neues Widget "status.customstyle". Damit kann man in Abhängikeit eines items die Stile von widgets oder html-Elementen verändern. Das widget weist dazu den benannten Elementen eine CSS-Klasse zu, die man in seiner visu.css selbst definieren kann. Standardmäßig wird die vorhandene Klasse "blink" verwendet.
Man kann mehrere Elemente gleichzeitig verändern, indem man die ids der Elemente als Array angibt. Auch kann man mehrere Wertebereiche für das item angeben, in denen der gewählte Stil angewendet wird. Vergleichsoperatoren sind erlaubt, werden aber nur mit ODER verknüpft. (Kleiner 50 UND größer 20 geht somit nicht.)
Bei den ids ist folgendes zu beachten:
Für Tester bin ich - wie immer - dankbar!
Gruß
Wolfram
im develop branch ist jetzt ein neues Widget "status.customstyle". Damit kann man in Abhängikeit eines items die Stile von widgets oder html-Elementen verändern. Das widget weist dazu den benannten Elementen eine CSS-Klasse zu, die man in seiner visu.css selbst definieren kann. Standardmäßig wird die vorhandene Klasse "blink" verwendet.
Man kann mehrere Elemente gleichzeitig verändern, indem man die ids der Elemente als Array angibt. Auch kann man mehrere Wertebereiche für das item angeben, in denen der gewählte Stil angewendet wird. Vergleichsoperatoren sind erlaubt, werden aber nur mit ODER verknüpft. (Kleiner 50 UND größer 20 geht somit nicht.)
Code:
status.customstyle(['id1', 'id2'],'meinTestItem', ['<=20','30','>50'], 'blink')
- widgets bilden ihre id automatisch aus dem Seitennamen und dem Parameter "id". status.customstyle macht das auch so. Insofern muss im zu verändernden widget und in status.customstyle dieselbe id verwendet werden.
- für html-Elemente muss man die id selbst erzeugen. Das Format ist {Seitenname}-{id} oder in twig "{{page}}-id". Im html tag muss dann zum Beispiel `id ="mypage-id1"` stehen, während in status.customstyle nur 'id1' angegeben ist.
Für Tester bin ich - wie immer - dankbar!
Gruß
Wolfram
Kommentar