Salut à tous,
J’ai regroupé dans un tableau des consommations instantanées + historiques.
Pour un maximum de lisibilité, je colorise les valeurs temps réelles > 2w.
Outil widget :
Résultat :
J’aimerais que la couleur du titre (première colonne à gauche) soit synchro avec la valeur instantanée :
Cela me parait compliqué; savez-vous si c’est possible à réaliser ?
Oui réalisable, je regarde
Créer un widget
Expression : #value# >= « 8.1 » && #value# <= « 15.9 »
Résultat. ‘ <span style=color:blue;"> #value# °C ‘
Plus d info
Bonjour ,
tu peux aller encore + loin dans ton widget en rajoutant du css personnalisé
.flashes1 {
animation-duration: 3s;
animation-name: flash;
animation-iteration-count: infinite;
transition: none;
}
@keyframes flash {
0% { opacity:1; }
50% {opacity:0; }
100% { opacity:1; }
}
Par exemple changement de couleur sur dépassement de valeur + clignotant de valeur
changer la taille de la police …
Pour le titre du tableau le lien de adejee devrais fonctionner (je n’utilise pas cette fonction )
mais cela a l’air d’etre interressant
Merci pour vos retours 
Je viens de tester, c’est fonctionnel pour colorer #value# :
Par contre, je voudrais aussi colorer le nom de l’équipement → TexteCouleur1 :
Je suppose qu’il faut insérer du css conditionnel ici, mais je n’ai pas trouvé comment faire :
Tu m’as devancé, c’est un truc auquel je pense aussi depuis un moment 
Par contre, peux-tu préciser ou mettre ce code stp ?
.flashes1 {
animation-duration: 3s;
animation-name: flash;
animation-iteration-count: infinite;
transition: none;
}
@keyframes flash {
0% { opacity:1; }
50% {opacity:0; }
100% { opacity:1; }
}
Nickel merci beaucoup !
J’ai creer plusieurs valeur de clignotement dans le custom personnel :
plus la valeur s’approche d’une valeur maxi critique et plus le clignotement est rapide … on s’amuse comme on peux 
.flashes1 {
animation-duration: 3s;
animation-name: flash;
animation-iteration-count: infinite;
transition: none;
}
@keyframes flash {
0% { opacity:1; }
50% {opacity:0; }
100% { opacity:1; }
}
.flashes2 {
animation-duration: 2s;
animation-name: flash;
animation-iteration-count: infinite;
transition: none;
}
@keyframes flash {
0% { opacity:1; }
50% {opacity:0; }
100% { opacity:1; }
}
.flashes3 {
animation-duration: 1s;
animation-name: flash;
animation-iteration-count: infinite;
transition: none;
}
@keyframes flash {
0% { opacity:1; }
50% {opacity:0; }
100% { opacity:1; }
}
Bien vu
J’ai testé des clignotements rapides jusque 0.3s, très bien pour les alertes.
Très satisfait du résultat, ma boite à outils s’agrandit à vue d’œil 
Encore merci pour le partage !
Je me permets de remonter le post car je n’ai pas encore trouvé de solution :
Merci !
Essaie :Sur la commande valeur _ engrenage : configuration commande _ affichage ,cocher affichage du nom
Désolé tu m’as perdu …
Possible d’avoir un screnshot stp ?
Cela ne fonctionne pas 
Je résume ce que j’ai fait :
Outil widget :
Commande à coloriser :
Résultat :
« value » en couleur, mais le titre de la commande reste en gris.
Normal le widget porte sur la valeur pas sur le nom de la commande.
Ne pas faire afficher le nom de la commande et mettre en dur dans un affichage de type tableau, le libellé que tu veux donner. À ce moment là tu peux mettre du css sur ce texte.
Si tu veux que le texte change de couleur alors, il faut faire autrement
C’est exactement ça → Merci de m’avoir mis sur la voie.
Par contre je coince ici :
Car je dois coloriser une commande A (autre) à partir d’une commande B (numérique) :
PS :
J’ai regardé du côté des widgets compare de @Phpvarious mais cela ne convient pas à mon usage. Je souhaite coloriser sur base d’une info tierce, sans comparer donc.
Par exemple pour réaliser
<span style="font-size: 25px;color:grey; text-shadow: 2px 2px 5px grey;border:1px solid;border-radius:5px;padding:7px; box-shadow: 2px 2px 5px grey;">Fermée</span>
A mettre là :
Donc en fonction de la valeur de ma commande, j’envoie le texte que je veux
OK c’est très clair. (Au passage je garde l’idée de l’encadrement, top !)
Par contre, tu raisonnes au sein d’une commande donnée. De mon côté je souhaiterais que #value# provienne d’une autre commande. Plus précisément, j’aimerais que :
« ECS THERMO » soit de la même couleur que « 1272w » :
Je ne sais pas si on peut interpréter une valeur distante ici.
Si tu mets ton texte devant ta valeur!? Dans la balise du résultat du widget
> ECS THERMO #value# </div>
> ECS THERMO #value# </div>