Changement de couleurs badges

Bonjour,

j’ai crée un template en yaml pour avoir un badge qui compte mes lumières, ça nickel mais j’aurais souhaité qu’il change de couleurs quand une lumière est allumé mais là je sèche.

J’aurais pensé que c’était plus simple sur HA mais là je bloque.
Il me dit que mon template n’a pas ID.
Et quand j’utilise l’éditeur visuel:

type: entity
icon: mdi:lightbulb
state_color: false
entity: sensor.lights_on_2
card_mod:
  style: |
    :host {
      --paper-item-icon-color: {% if states('sensor.devices_on')|int > 0 %} red {% else %} green {% endif %};
    } 

et je ce message en plus:
L’éditeur visuel n’est pas pris en charge pour cette configuration:

  • La clé « card_mod » n’est pas attendue ou non prise en charge par l’éditeur visuel.
    Vous pouvez toujours modifier votre configuration en YAML.

Je bloque!

Help, je débute avec HA, j’étais sur Jeedom avant

**

Ma configuration


System Information

version core-2024.9.3
installation_type Home Assistant OS
dev false
hassio true
docker true
user root
virtualenv false
python_version 3.12.4
os_name Linux
os_version 6.6.46-haos
arch x86_64
timezone Europe/Paris
config_dir /config
Home Assistant Community Store
GitHub API ok
GitHub Content ok
GitHub Web ok
HACS Data ok
GitHub API Calls Remaining 4992
Installed Version 2.0.1
Stage running
Available Repositories 1423
Downloaded Repositories 9
Home Assistant Cloud
logged_in false
can_reach_cert_server ok
can_reach_cloud_auth ok
can_reach_cloud ok
Home Assistant Supervisor
host_os Home Assistant OS 13.1
update_channel stable
supervisor_version supervisor-2024.09.1
agent_version 1.6.0
docker_version 26.1.4
disk_total 234.0 GB
disk_used 10.0 GB
healthy true
supported true
host_connectivity true
supervisor_connectivity true
ntp_synchronized true
virtualization
board generic-x86-64
supervisor_api ok
version_api ok
installed_addons Matter Server (6.5.1), Z-Wave JS (0.7.2), Linky (1.5.0), Terminal & SSH (9.15.0), File editor (5.8.0)
Dashboards
dashboards 5
resources 6
views 7
mode storage
Recorder
oldest_recorder_run 21 septembre 2024 à 18:45
current_recorder_run 28 septembre 2024 à 02:21
estimated_db_size 116.21 MiB
database_engine sqlite
database_version 3.45.3
___

Bonjour,
voici un exemple, qui fonctionne :

type: entity
icon: mdi:lightbulb
state_color: false
entity: sensor.lights_on_2
card_mod:
  style: |
    :host {
      {% if states('sensor.devices_on')|int > 0 %}
        --paper-item-icon-color: red; 
      {% else %} 
        --paper-item-icon-color: green; 
      {% endif %}
    } 

Ce message est normal, quand tu utilises card_mod. Ce n’est pas supporté dans l’éditeur. Mais n’empêche pas le fonctionnement de la carte.

Merci de la réponse super rapide mais ça ne marche pas.
{% if states(‹ sensor.devices_on ›), j’ai essayé comme ça mais je pense qu’il y a une erreur là non c’est pas {% if states(‹ sensor.lights_on_2 ›)
Merci encore.

1 « J'aime »

Oui, mais je n’en sais rien moi :wink:
tu aurais pu utiliser une autre entité.

Effectivement, c’est bien {% if states('sensor.lights_on_2')|int > 0 %}

type: entity
icon: mdi:lightbulb
state_color: false
entity: sensor.lights_on_2
card_mod:
  style: |
    :host {
     {% if states('sensor.lights_on_2')|int > 0 %}
        --paper-item-icon-color: red; 
      {% else %} 
        --paper-item-icon-color: green; 
      {% endif %}
    }

J’ai mis ça mais ça ne marche pas!
là je comprends, je tourne la dessus depuis ce soir.

Utilise la balise texte préformaté, quand tu colles du code. Icône image

ça marche sur une carte Entité mais pas sur le Badge

Désolé pour la mise en forme du message, j’ai vraiment pas l’habitude.

ah mince sur un badge. Je ne crois pas que ça fonctionne , encore.
les nouveaux badges en place depuis le core 2024.8, n’ont pas d’élément modifiable encore. Peut-être dans une prochaine release du core.

Bonne nuit,

Merci c’est super sympa, dommage, on va attendre un peu.

A++

Bonjour, pour moi :joy:

Si j’y pense, tu sauras, j’ai pas la possibilité de redimensionner les cartes, j’ai vu que c’était possible depuis une version de juillet, je suis à jour et pourtant dans modifier carte, j’ai configuration, visibilité mais pas mise en page??

Pour avoir l’option pour modifier la taille des cartes, il te faut avoir configuré ta page en vue section.
Ça ne fonctionne qu’avec la vue Section.

Tu édites une page, clique sur le crayon
image

En réalité, il faut configurer une nouvelle page et y rapatrier ses cartes ; on ne peut convertir une vue existante en une vue section.

2 « J'aime »