Bonjour à tous,
J’ai mis en place un widget assez basique faisant apparaître selon le niveau de qualité de l’air (0 à 100), la valeur au milieu d’un cercle rouge, orange, jaune ou vert.
Voilà le code pour une des classes (valeur dans cercle jaune) :
Cela marche très bien lorsque je visionne le résultat sur les dashboards pour les deux équipements auxquels il s’applique (pas dans la même pièce). C’est vert dans l’un et jaune dans l’autre, en fonction des valeurs.
Par contre sur le design qui centralise (et où on voit les deux sur le même écran / vue), malgré les valeurs différentes (et classes), seule une couleur est présente pour les deux (et donc une est fausse).
Salut @jscl32
dans le navigateur tu as l’inspecteur de code en appuyant sur ‹ F12 › puis à l’aide du sélecteur d’objet tu peux regarder le comportement et la priorité de tes classes.
C’est un simple widget générique info numérique multistate avec 4 classes (test).
Le code mis dans mon message correspond au code mis dans une des zones « Résultats Thème Light ».
Il est répété pour les autres zones avec une couleur différente.
Je n’ ai rien écrit d’autre.
Ok donc c’est tout a fait normal ! tes « class » css s’appellent pareil !
Quand tes widgets sont sur la même page les class (.cercle …) sont chargées 2 fois. et donc c’est la dernière qui est chargée qui est prise en compte.