# Carte pour thermostat Netatmo suite

**URL:** <https://forum.hacf.fr/t/carte-pour-thermostat-netatmo-suite/59553>\
**Category:** Interface / Lovelace / Thème / Custom Card\
**Created:** [Mars 11, 2025, 1:18 UTC](https://forum.hacf.fr/t/carte-pour-thermostat-netatmo-suite/59553 "2025-03-11T13:18:01Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![telenaze](https://forum.hacf.fr/letter_avatar_proxy/v4/letter/t/3d9bf3/32.png) [@telenaze](https://forum.hacf.fr/u/telenaze)\
**Post date:** [Mars 11, 2025, 1:18 UTC](https://forum.hacf.fr/t/carte-pour-thermostat-netatmo-suite/59553/1 "2025-03-11T13:18:03Z")

</div>

Bonjour,  
Ce post fait suite à mon 1er post qui a été archivé, vous trouverez ici les dernières évolutions et tout ce dont vous avez besoin pour réaliser cette carte.

Je me suis amusé à faire cette carte pour mon thermostat Netatmo et j’avais envie qu’elle ressemble à ce que l’on peut voir sur l’espace personnel du site Netatmo.  
Je me suis appuyé sur l’intégration Netatmo ainsi que sur la carte « Éléments d’image » qui me semblait la plus adaptée à mon projet.  
Je ne suis pas développeur et c’est pour cela que cette carte n’est surement pas la plus optimisée niveau code, mais chacun pourra apporter les modifications nécessaires afin de corriger mes erreurs.  
Voici donc comment cela se présente :

L’indicateur de batterie affiche le niveau en % grâce au sensor disponible dans l’intégration netatmo, pour moi c’est : sensor.thermostat\_entree\_batterie

Vous pouvez mettre le nom de votre fournisseur en changeant l’image « Engie » par la votre.  
Les boutons « + » et « - » servent à monter ou baisser la température de consigne par pas de 0.5°.

Afin de mettre à jour immédiatement les indicateurs de mode de fonctionnement et de température de consigne sans attendre le retour par netatmo, j’utilise le service python\_script pour les nouveaux scripts. ces indicateurs seront ensuite actualisés lors du retour d’info par l’api netatmo.  
Le bouton actualiser, force l'actualisation du planning, sinon vous devez attendre le retour d'info de l'api Netatmo.

Procédure d’installation du service python\_script:  
• Ajouter cette ligne dans le fichier configuration.yaml.  
python\_script:  
• Créer un dossier nommé python\_scripts dans le répertoire config  
• Créer un fichier dans le répertoire python\_scripts avec le code ci-dessous et le nommer set\_state.py(ne rien changer dans ce fichier)

> **set\_state.py**
>
> ```yaml
> #==================================================================================================
> # python_scripts/set_state.py 
> #==================================================================================================
> 
> # https://community.home-assistant.io/t/how-to-manually-set-state-value-of-sensor/43975/8
> # voici un script mis à jour qui a été généralisé pour pouvoir définir n'importe quel attribut
> 
> #--------------------------------------------------------------------------------------------------
> # Set the state or other attributes for the entity specified in the Automation Action
> # Définir l'état ou d'autres attributs pour l'entité spécifiée dans l'action d'automatisation
> #--------------------------------------------------------------------------------------------------
> 
> inputEntity = data.get('entity_id')
> if inputEntity is None:
> logger.warning("===== entity_id is required if you want to set something.")
> else:    
> inputStateObject = hass.states.get(inputEntity)
> inputState = inputStateObject.state
> inputAttributesObject = inputStateObject.attributes.copy()
> 
> for item in data:
> newAttribute = data.get(item)
> logger.debug("===== item = {0}; value = {1}".format(item,newAttribute))
> if item == 'entity_id':
> continue # already handled
> elif item == 'state':
> inputState = newAttribute
> else:
> inputAttributesObject[item] = newAttribute
>         
> hass.states.set(inputEntity, inputState, inputAttributesObject)
>     
> 
>     
> #--------------------------------------------------------------------------------------------------    
> #Avec ce script en place, l'action pourrait être :
> #--------------------------------------------------------------------------------------------------
> 
> # action:
> #service: python_script.set_state
> #data_template:
> # entity_id: Binary_sensor.sensor1
> # state: ON
> 
> # ou bien
> 
> #service: python_script.set_state
> #data_template:
> # entity_id: sensor.netatmo_temperature_consigne
> # state: '{{(states.sensor.netatmo_temperature_consigne.state | float + 0.5)}}'
> 
> #--------------------------------------------------------------------------------------------------
> # la bonne façon de passer un argument au script python est la suivante 
> # Remarquez que j'ai utilisé service_data : à la place de data_template 
> #--------------------------------------------------------------------------------------------------
> 
> #type: button
> #entity: sensor.irrigation_icon_1
> #tap_action:
> # action: call-service
> # service: python_script.hello_world
> # service_data:
> # nombre: jaime
> 
> ```

• Redémarrer Hassio

Ensuite il vous faudra…  
Les sensors à mettre dans /config/template/netatmo.yaml

> **netatmo.yaml**
>
> ```yaml
> # *****************Netatmo Entrée***************************************************
> 
> - sensor:
> - name: "netatmo_temperature_consigne"
> unique_id: netatmo_temperature_consigne    
> # Remplacer "Entrée" par le nom de votre thermostat
> #device_class: temperature
> #unit_of_measurement: '°C'
> # Remplacer "netatmo_entree" par le nom de votre thermostat
> state: >
> {% set tempcon = state_attr('climate.netatmo_entree', 'temperature') %}
> {% if tempcon == 0 %}
> OFF
> {% else %}
> {{ state_attr('climate.netatmo_entree', 'temperature')| float }}
> {% endif %}
> 
> - name: "netatmo_hvac_action"
> unique_id: netatmo_hvac_action    
> # temoin de chauffe
> # Remplacer "netatmo_entree" par le nom de votre thermostat
> state: "{{ state_attr('climate.netatmo_entree', 'hvac_action') }}"
> 
> - name: "netatmo_preset_mode"
> unique_id: netatmo_preset_mode    
> # Temoin Mode de fonctionnement
> # Remplacer "Entrée" par le nom de votre thermostat
> # Remplacer "netatmo_entree" par le nom de votre thermostat
> state: "{{ state_attr('climate.netatmo_entree', 'preset_mode') }}"
>       
> - name: "netatmo_chauffage_on"
> unique_id: netatmo_chauffage_on    
> state: >-
> {{ states('sensor.netatmo_hvac_action') == "heating" }}
> 
> - name: "netatmo_Température_courante"
> unique_id: netatmo_Température_courante    
> #device_class: temperature
> #unit_of_measurement: "°C"
> state: "{{ state_attr('climate.netatmo_entree', 'current_temperature')| float }}"          
> icon: mdi:thermometer
> 
> ```

Les scripts, code à copier dans votre fichier scripts.yaml

> **scripts**
>
> ```yaml
> 
> netatmo_increment_consigne:
> alias: netatmo_increment_consigne
> sequence:
> - action: climate.set_temperature
> data:
> temperature: '{{(states.sensor.netatmo_temperature_consigne.state | float +
> 0.5)}}'
> target:
> # Remplacer "netatmo_entree" par le nom de votre thermostat
> entity_id: climate.netatmo_entree
> - action: python_script.set_state
> data_template:
> entity_id: sensor.netatmo_temperature_consigne
> state: '{{(states.sensor.netatmo_temperature_consigne.state | float + 0.5)}}'
> mode: single
>   
> netatmo_decrement_consigne:
> alias: netatmo_decrement_consigne
> sequence:
> - action: climate.set_temperature
> data:
> temperature: '{{(states.sensor.netatmo_temperature_consigne.state | float -
> 0.5)}}'
> target:
> # Remplacer "netatmo_entree" par le nom de votre thermostat
> entity_id: climate.netatmo_entree
> - action: python_script.set_state
> data_template:
> entity_id: sensor.netatmo_temperature_consigne
> state: '{{(states.sensor.netatmo_temperature_consigne.state | float - 0.5)}}'
> mode: single
> 
> netatmo_mode_absent:
> alias: netatmo_mode_absent
> sequence:
> - action: climate.set_preset_mode
> target:
> # Remplacer "netatmo_entree" par le nom de votre thermostat
> entity_id: climate.netatmo_entree
> data:
> preset_mode: away
> - action: python_script.set_state
> data_template:
> entity_id: sensor.netatmo_preset_mode
> state: away
> mode: single
>   
> netatmo_mode_hors_gel:
> alias: netatmo_mode_hors_gel
> sequence:
> - action: climate.set_preset_mode
> target:
> # Remplacer "netatmo_entree" par le nom de votre thermostat
> entity_id: climate.netatmo_entree
> data:
> preset_mode: frost_guard
> - action: python_script.set_state
> data_template:
> entity_id: sensor.netatmo_preset_mode
> state: frost_guard
> mode: single
>   
> netatmo_mode_schedule:
> alias: netatmo_mode_schedule
> sequence:
> - action: climate.set_preset_mode
> target:
> # Remplacer "netatmo_entree" par le nom de votre thermostat
> entity_id: climate.netatmo_entree
> data:
> preset_mode: schedule
> - action: python_script.set_state
> data_template:
> entity_id: sensor.netatmo_preset_mode
> state: schedule
> mode: single
> 
> netatmo_on_off:
> alias: Netatmo on/off
> sequence:
> - choose:
> - conditions:
> - condition: state
> # Remplacer "netatmo_entree" par le nom de votre thermostat
> entity_id: climate.netatmo_entree
> state: 'off'
> sequence:
> - action: climate.turn_on
> data: {}
> target:
> # Remplacer "netatmo_entree" par le nom de votre thermostat
> entity_id: climate.netatmo_entree
> - action: python_script.set_state
> data_template:
> # Remplacer "netatmo_entree" par le nom de votre thermostat
> entity_id: climate.netatmo_entree
> state: auto
> default:
> - action: climate.turn_off
> data: {}
> target:
> # Remplacer "netatmo_entree" par le nom de votre thermostat
> entity_id: climate.netatmo_entree
> - action: python_script.set_state
> data_template:
> # Remplacer "netatmo_entree" par le nom de votre thermostat
> entity_id: climate.netatmo_entree
> state: 'off'
> temperature: 0
> mode: single
> 
> ```

Les images à déposer dans le dossier « netatmo » qui sera créer dans le dossier « www ».  
Pour cela vous faites un clic droit sur l’image puis enregistrer l’image sous…

![Absent](https://forum.hacf.fr/uploads/default/original/3X/0/f/0ff7d8e7b8d5312af8eaa805c79d3b34d42b2c86.png)  
Absent.png  
 ![Automatique](https://forum.hacf.fr/uploads/default/original/3X/1/1/110defd7bf1858dfb6c859579e2f2eebb2649352.png)  
Automatique.png

 ![bouton_fond-300x98](https://forum.hacf.fr/uploads/default/original/3X/5/7/57c3c27fd5fdccec3a8e4074f9597325eff5454a.png)  
bouton\_fond-300x98.png  
 ![Engie](https://forum.hacf.fr/uploads/default/original/3X/f/a/fa891a64276a9553831519d933dfa32a07aaf315.png)  
Engie.png  
 ![Hors Gel](https://forum.hacf.fr/uploads/default/original/3X/a/a/aa62ff1beea6cce19176f2926e8cf24e0b9be00c.png)  
Hors Gel.png  
 ![Netatmo_background_409x762_2](https://forum.hacf.fr/uploads/default/original/3X/a/6/a61fdac6a195e9a8f2e7c17f53279a9c06d09a40.png)  
Netatmo\_background\_409x762\_2.png  
 ![Netatmo_chauffe](https://forum.hacf.fr/uploads/default/original/3X/0/8/08de986dd8c91d0875c6784f5bcb01fe18a41deb.png)  
Netatmo\_chauffe.png  
 ![Netatmo_up](https://forum.hacf.fr/uploads/default/original/3X/c/3/c3cedf31b305d9e06cae3471c25080a694b22109.png)  
Netatmo\_up.png  
 ![Netatmo_down](https://forum.hacf.fr/uploads/default/original/3X/9/1/91baefac22e49553529a996ff2eb8cacb4137c08.png)  
Netatmo\_down.png  
 ![Netatmo_manual](https://forum.hacf.fr/uploads/default/original/3X/8/f/8fb8963778940f9034218bfda6111b2dd05891bc.png)  
Netatmo\_manual.png  
 ![netatmo-off](https://forum.hacf.fr/uploads/default/original/3X/e/6/e66ba9ff3adfdd40c64746d12f43091cbc67e87d.png)  
netatmo-off.png  
 ![netatmo-on](https://forum.hacf.fr/uploads/default/original/3X/6/d/6d91c227a2efcdf468c6f8baaef05e7a4ecda021.png)  
netatmo-on.png

Enfin le code de la carte:

> **Carte**
>
> ```yaml
> type: picture-elements
> image: /local/netatmo/Netatmo_background_409x762_2.png
> elements:
> - type: image
> # Remplacer "netatmo_entree" par le nom de votre thermostat  
> entity: climate.netatmo_entree
> # Vous pouvez remplacer cette image par celle de votre opérateur    
> image: /local/netatmo/Engie.png
> title: null
> tap_action:
> action: none
> style:
> top: 10%
> left: 90%
> width: 10%
> - type: image
> # Remplacer "netatmo_entree" par le nom de votre thermostat
> entity: climate.netatmo_entree
> title: Up Consigne
> tap_action:
> action: call-service
> service: Script.netatmo_increment_consigne
> hold_action:
> action: more-info
> image: /local/netatmo/Netatmo_up.png
> style:
> top: 52.6%
> left: 76.5%
> width: 6%
> - type: image
> # Remplacer "netatmo_entree" par le nom de votre thermostat
> entity: climate.netatmo_entree
> title: Down Consigne
> tap_action:
> action: call-service
> service: Script.netatmo_decrement_consigne
> hold_action:
> action: more-info
> image: /local/netatmo/Netatmo_down.png
> style:
> top: 52.6%
> left: 56.5%
> width: 6%
> - type: image
> entity: sensor.netatmo_hvac_action
> title: Temoin Chauffe
> tap_action:
> action: none
> image: /local/netatmo/Netatmo_chauffe.png
> style:
> top: 58%
> left: 25.5%
> width: 7%
> state_filter:
> heating: brightness(100%) saturate(1)
> idle: opacity(0%)
> - type: image
> entity: sensor.netatmo_preset_mode
> title: Mode de fonctionnement
> style:
> top: 29.9%
> left: 39%
> width: 11%
> state_image:
> manual: /local/netatmo/Netatmo_manual.png
> schedule: /local/netatmo/Automatique.png
> away: /local/netatmo/Absent.png
> frost_guard: /local/netatmo/Hors Gel.png
> tap_action:
> action: none
> - type: state-label
> # Remplacer "netatmo_entree" par le nom de votre thermostat
> entity: climate.netatmo_entree
> attribute: current_temperature
> unit_of_measurement: .
> title: Température Actuelle
> tap_action:
> action: null
> style:
> top: 48%
> left: 25.5%
> font-size: 1.6em
> color: black
> font-weight: 600
> - type: state-label
> entity: sensor.netatmo_temperature_consigne
> title: Température de consigne
> tap_action:
> action: null
> style:
> top: 25%
> left: 25.5%
> font-size: 1em
> color: white
> font-weight: 600
> - type: state-label
> # Remplacer "netatmo_entree" par le nom de votre thermostat
> entity: climate.netatmo_entree
> attribute: friendly_name
> style:
> top: 25%
> left: 66%
> font-size: 1.4em
> color: black
> font-weight: 400
> - type: state-label
> # Remplacer "sensor.thermostat_entree_battery_percent" par le sensor de votre thermostat
> entity: sensor.thermostat_entree_battery_percent
> title: '% Batterie'
> tap_action:
> action: none
> style:
> top: 79%
> left: 8.3%
> font-size: 0.7em
> color: grey
> font-weight: 600
> - type: state-icon
> # Remplacer "sensor.thermostat_entree_battery_percent" par le sensor de votre thermostat
> entity: sensor.thermostat_entree_battery_percent
> title: Niveau Batterie
> icon: mdi:battery-high
> tap_action:
> action: more-info
> style:
> top: 86%
> left: 8%
> '--paper-item-icon-color': grey
> - type: image
> # Remplacer "netatmo_entree" par le nom de votre thermostat
> entity: climate.netatmo_entree
> title: null
> tap_action:
> action: none
> image: /local/netatmo/bouton_fond-300x98.png
> style:
> top: 83.2%
> left: 71%
> width: 58%
> - type: image
> # Remplacer "netatmo_entree" par le nom de votre thermostat
> entity: climate.netatmo_entree
> title: Passer en Mode Absent
> tap_action:
> action: call-service
> service: Script.netatmo_mode_absent
> image: /local/netatmo/Absent.png
> style:
> top: 83%
> left: 53%
> width: 12%
> - type: image
> # Remplacer "netatmo_entree" par le nom de votre thermostat
> entity: climate.netatmo_entree
> title: Passer en Mode Hors Gel
> tap_action:
> action: call-service
> service: Script.netatmo_mode_hors_gel
> image: /local/netatmo/Hors Gel.png
> style:
> top: 83.2%
> left: 79.5%
> width: 14.5%
> - type: image
> # Remplacer "netatmo_entree" par le nom de votre thermostat
> entity: climate.netatmo_entree
> title: Passer en Mode Automatique
> tap_action:
> action: call-service
> service: Script.netatmo_mode_schedule
> image: /local/netatmo/Automatique.png
> style:
> top: 83.2%
> left: 67%
> width: 10%
> - type: state-label
> entity: select.netatmo_domicile
> title: Planning
> icon: mdi:calendar
> style:
> top: 80%
> left: 27%
> '--paper-item-icon-color': rgb(68,68,68)
> - type: image
> # Remplacer "netatmo_entree" par le nom de votre thermostat
> entity: climate.netatmo_entree
> title: On / Off
> style:
> top: 10%
> left: 8%
> width: 07%
> state_image:
> 'off': /local/netatmo/netatmo-off.png
> auto: /local/netatmo/netatmo-on.png
> tap_action:
> action: call-service
> service: Script.netatmo_on_off
> - type: action-button
> style:
> left: 27%
> top: 90%
> action: homeassistant.reload_config_entry
> title: Actualiser
> data: {}
> target:
> entity_id: select.netatmo_domicile
> 
> ```

Voici un aperçu de cette carte :

 ![carte du 11-03-2025](https://forum.hacf.fr/uploads/default/original/3X/f/c/fc85eb58e71331817778fdb57d23b162118da693.png)  
 ![netatmo du 11-03-2025](https://forum.hacf.fr/uploads/default/original/3X/d/9/d9180ab4796e4e11e38e53cbacf7db0a51daf5dc.gif)

Evolution du 28-05-2025:  
Lorsque le thermostat etait sur arrêt, le temoin de mode de fonctionnement n'affichait aucun icone.

Ajout de l'image " icon-off" pour le temoin du mode de fonctionnement, à déposer dans le dossier « netatmo » .  
 ![icon-off](https://forum.hacf.fr/uploads/default/original/3X/d/1/d1b3eeec2c2aa15f870fef0aae9508b4753bcdc1.png)  
icon-off.png

Ajout d'une ligne de code dans la carte pour un filtre d'état sur image/Mode de fonctionnement

```auto
"off": /local/netatmo/icon-off.png

```

 ![temoin off 2](https://forum.hacf.fr/uploads/default/original/3X/a/a/aa1c310417f3c9cdaa86b194cd23d1e08b4df72e.png)

 ![temoin off](https://forum.hacf.fr/uploads/default/original/3X/b/6/b66e412efa29fd9e8808a82228e61e962df2fea2.png)

Voici le code complet de la carte pour ceux qui démarre de zero.

> **Carte**
>
> ```yml
> type: picture-elements
> image: /local/netatmo/Netatmo_background_409x762_2.png
> elements:
> - type: image
> # Remplacer "netatmo_entree" par le nom de votre thermostat  
> entity: climate.netatmo_entree
> # Vous pouvez remplacer cette image par celle de votre opérateur    
> image: /local/netatmo/Engie.png
> title: null
> tap_action:
> action: none
> style:
> top: 10%
> left: 90%
> width: 10%
> - type: image
> # Remplacer "netatmo_entree" par le nom de votre thermostat
> entity: climate.netatmo_entree
> title: Up Consigne
> tap_action:
> action: call-service
> service: Script.netatmo_increment_consigne
> hold_action:
> action: more-info
> image: /local/netatmo/Netatmo_up.png
> style:
> top: 52.6%
> left: 76.5%
> width: 6%
> - type: image
> # Remplacer "netatmo_entree" par le nom de votre thermostat
> entity: climate.netatmo_entree
> title: Down Consigne
> tap_action:
> action: call-service
> service: Script.netatmo_decrement_consigne
> hold_action:
> action: more-info
> image: /local/netatmo/Netatmo_down.png
> style:
> top: 52.6%
> left: 56.5%
> width: 6%
> - type: image
> entity: sensor.netatmo_hvac_action
> title: Temoin Chauffe
> tap_action:
> action: none
> image: /local/netatmo/Netatmo_chauffe.png
> style:
> top: 58%
> left: 25.5%
> width: 7%
> state_filter:
> heating: brightness(100%) saturate(1)
> idle: opacity(0%)
> - type: image
> entity: sensor.netatmo_preset_mode
> title: Mode de fonctionnement
> style:
> top: 29.9%
> left: 39%
> width: 11%
> state_image:
> manual: /local/netatmo/Netatmo_manual.png
> schedule: /local/netatmo/Automatique.png
> away: /local/netatmo/Absent.png
> frost_guard: /local/netatmo/Hors Gel.png
> "off": /local/netatmo/icon-off.png
> tap_action:
> action: none
> - type: state-label
> # Remplacer "netatmo_entree" par le nom de votre thermostat
> entity: climate.netatmo_entree
> attribute: current_temperature
> unit_of_measurement: .
> title: Température Actuelle
> tap_action:
> action: null
> style:
> top: 48%
> left: 25.5%
> font-size: 1.6em
> color: black
> font-weight: 600
> - type: state-label
> entity: sensor.netatmo_temperature_consigne
> title: Température de consigne
> tap_action:
> action: null
> style:
> top: 25%
> left: 25.5%
> font-size: 1em
> color: white
> font-weight: 600
> - type: state-label
> # Remplacer "netatmo_entree" par le nom de votre thermostat
> entity: climate.netatmo_entree
> attribute: friendly_name
> style:
> top: 25%
> left: 66%
> font-size: 1.4em
> color: black
> font-weight: 400
> - type: state-label
> # Remplacer "sensor.thermostat_entree_batterie" par le sensor de votre thermostat
> entity: sensor.thermostat_entree_batterie
> title: '% Batterie'
> tap_action:
> action: none
> style:
> top: 79%
> left: 8.3%
> font-size: 0.7em
> color: grey
> font-weight: 600
> - type: state-icon
> # Remplacer "sensor.thermostat_entree_batterie" par le sensor de votre thermostat
> entity: sensor.thermostat_entree_batterie
> title: Niveau Batterie
> icon: mdi:battery-high
> tap_action:
> action: more-info
> style:
> top: 86%
> left: 8%
> '--state-icon-color': grey
> - type: image
> # Remplacer "netatmo_entree" par le nom de votre thermostat
> entity: climate.netatmo_entree
> title: null
> tap_action:
> action: none
> image: /local/netatmo/bouton_fond-300x98.png
> style:
> top: 83.2%
> left: 71%
> width: 58%
> - type: image
> # Remplacer "netatmo_entree" par le nom de votre thermostat
> entity: climate.netatmo_entree
> title: Passer en Mode Absent
> tap_action:
> action: call-service
> service: Script.netatmo_mode_absent
> image: /local/netatmo/Absent.png
> style:
> top: 83%
> left: 53%
> width: 12%
> - type: image
> # Remplacer "netatmo_entree" par le nom de votre thermostat
> entity: climate.netatmo_entree
> title: Passer en Mode Hors Gel
> tap_action:
> action: call-service
> service: Script.netatmo_mode_hors_gel
> image: /local/netatmo/Hors Gel.png
> style:
> top: 83.2%
> left: 79.5%
> width: 14.5%
> - type: image
> # Remplacer "netatmo_entree" par le nom de votre thermostat
> entity: climate.netatmo_entree
> title: Passer en Mode Automatique
> tap_action:
> action: call-service
> service: Script.netatmo_mode_schedule
> image: /local/netatmo/Automatique.png
> style:
> top: 83.2%
> left: 67%
> width: 10%
> - type: state-label
> entity: select.netatmo_domicile
> title: Planning
> icon: mdi:calendar
> style:
> top: 80%
> left: 27%
> '--state-icon-color': rgb(68,68,68)
> - type: image
> # Remplacer "netatmo_entree" par le nom de votre thermostat
> entity: climate.netatmo_entree
> title: On / Off
> style:
> top: 10%
> left: 8%
> width: 07%
> state_image:
> 'off': /local/netatmo/netatmo-off.png
> auto: /local/netatmo/netatmo-on.png
> tap_action:
> action: call-service
> service: Script.netatmo_on_off
> - type: action-button
> style:
> left: 27%
> top: 90%
> action: homeassistant.reload_config_entry
> title: Actualiser
> data: {}
> target:
> entity_id: select.netatmo_domicile
> 
> ```

Lien vers l'ancien sujet archivé:

> [@Carte pour Thermostat Netatmo](https://forum.hacf.fr/t/carte-pour-thermostat-netatmo/4531):
>
> Bonjour, Je me suis amusé à faire une carte pour mon thermostat Netatmo et j’avais envie qu’elle ressemble à ce que l’on peut voir sur l’espace personnel du site Netatmo. Je me suis appuyé sur l’intégration Netatmo ainsi que sur la carte «&nbsp;Éléments d’image&nbsp;» qui me semblait la plus adaptée à mon projet. Je ne suis pas développeur et c’est pour cela que cette carte n’est surement pas la plus optimisée niveau code, mais chacun pourra apporter les modifications nécessaires afin de corriger mes e…

---

<div class="post-metadata">

**Author:** ![zaza81210](https://forum.hacf.fr/user_avatar/forum.hacf.fr/zaza81210/32/88138_2.png) [@zaza81210](https://forum.hacf.fr/u/zaza81210)\
**Post date:** [Mars 21, 2025, 9:05 UTC](https://forum.hacf.fr/t/carte-pour-thermostat-netatmo-suite/59553/2 "2025-03-21T21:05:55Z")

</div>

Bonjour d'abord bravo pour la carte.👍  
J'ai un soucis avec le bouton actualisé??

 ![1000022916](https://forum.hacf.fr/uploads/default/original/3X/e/d/ed69c520b8523b33b9a3be24ff906a1b64c05491.jpeg)  
 ![1000022915](https://forum.hacf.fr/uploads/default/original/3X/3/d/3d387db2336aeaec7262f85b5885da43b7e221ed.jpeg)

---

<div class="post-metadata">

**Author:** ![telenaze](https://forum.hacf.fr/letter_avatar_proxy/v4/letter/t/3d9bf3/32.png) [@telenaze](https://forum.hacf.fr/u/telenaze)\
**Post date:** [Mars 21, 2025, 9:53 UTC](https://forum.hacf.fr/t/carte-pour-thermostat-netatmo-suite/59553/3 "2025-03-21T21:53:00Z")

</div>

Bonsoir zaza81210 et merci pour le compliment,  
Le problème du planning et du bouton actualiser vient du fait que n’as pas changé le nom de l’entité «&nbsp;select.netatmo\_domicile&nbsp;» par celui de chez toi.

---

<div class="post-metadata">

**Author:** ![zaza81210](https://forum.hacf.fr/user_avatar/forum.hacf.fr/zaza81210/32/88138_2.png) [@zaza81210](https://forum.hacf.fr/u/zaza81210)\
**Post date:** [Mars 22, 2025, 9:54 UTC](https://forum.hacf.fr/t/carte-pour-thermostat-netatmo-suite/59553/4 "2025-03-22T09:54:31Z")

</div>

Ok parfait tout fonctionne merci 👍👍👍👍

---

<div class="post-metadata">

**Author:** ![Gil94](https://forum.hacf.fr/letter_avatar_proxy/v4/letter/g/13edae/32.png) [@Gil94](https://forum.hacf.fr/u/Gil94)\
**Post date:** [Mars 22, 2025, 4:25 UTC](https://forum.hacf.fr/t/carte-pour-thermostat-netatmo-suite/59553/5 "2025-03-22T16:25:36Z")

</div>

Bonjour,  
Un grand bravo pour cette carte mais je rencontre un grand problème alors que je crois avoir respecté la procédure pas à pas.

 ![Capture d’écran 2025-03-22 172141](https://forum.hacf.fr/uploads/default/original/3X/6/b/6b4590ba273c27b79c0bd64a415d737f03cb77a0.png)

---

<div class="post-metadata">

**Author:** ![telenaze](https://forum.hacf.fr/letter_avatar_proxy/v4/letter/t/3d9bf3/32.png) [@telenaze](https://forum.hacf.fr/u/telenaze)\
**Post date:** [Mars 22, 2025, 5:43 UTC](https://forum.hacf.fr/t/carte-pour-thermostat-netatmo-suite/59553/6 "2025-03-22T17:43:13Z")

</div>

Merci Gil94,  
Déjà tu as un problème avec les images qui ne doivent être au bon endroit, vérifie cela ensuite on avisera.

---

<div class="post-metadata">

**Author:** ![Gil94](https://forum.hacf.fr/letter_avatar_proxy/v4/letter/g/13edae/32.png) [@Gil94](https://forum.hacf.fr/u/Gil94)\
**Post date:** [Mars 22, 2025, 6:46 UTC](https://forum.hacf.fr/t/carte-pour-thermostat-netatmo-suite/59553/7 "2025-03-22T18:46:53Z")

</div>

Pourtant il me semble que c'est bon ...

 ![Capture d’écran 2025-03-22 194602](https://forum.hacf.fr/uploads/default/original/3X/f/0/f02df19e7a88604f5129288229f0db35666429c4.png)

---

<div class="post-metadata">

**Author:** ![telenaze](https://forum.hacf.fr/letter_avatar_proxy/v4/letter/t/3d9bf3/32.png) [@telenaze](https://forum.hacf.fr/u/telenaze)\
**Post date:** [Mars 22, 2025, 7:29 UTC](https://forum.hacf.fr/t/carte-pour-thermostat-netatmo-suite/59553/8 "2025-03-22T19:29:11Z")

</div>

Tu as essayé de redémarrer hassio ?

---

<div class="post-metadata">

**Author:** ![Gil94](https://forum.hacf.fr/letter_avatar_proxy/v4/letter/g/13edae/32.png) [@Gil94](https://forum.hacf.fr/u/Gil94)\
**Post date:** [Mars 22, 2025, 8:06 UTC](https://forum.hacf.fr/t/carte-pour-thermostat-netatmo-suite/59553/9 "2025-03-22T20:06:48Z")

</div>

Oui bien sur. Je t’avoue que je ne comprends pas.

---

<div class="post-metadata">

**Author:** ![Gil94](https://forum.hacf.fr/letter_avatar_proxy/v4/letter/g/13edae/32.png) [@Gil94](https://forum.hacf.fr/u/Gil94)\
**Post date:** [Mars 22, 2025, 8:13 UTC](https://forum.hacf.fr/t/carte-pour-thermostat-netatmo-suite/59553/10 "2025-03-22T20:13:08Z")

</div>

Ah attends j'ai cette erreur là :

 ![Erreur](https://forum.hacf.fr/uploads/default/original/3X/0/a/0a26d9497db38a79ae175e3201a6e7a79040b26e.png)

Voici mon fichier config :

 ![Config yaml](https://forum.hacf.fr/uploads/default/original/3X/5/6/567dc338c4b051ea45026089f525b4ec6518ebda.png)

---

<div class="post-metadata">

**Author:** ![telenaze](https://forum.hacf.fr/letter_avatar_proxy/v4/letter/t/3d9bf3/32.png) [@telenaze](https://forum.hacf.fr/u/telenaze)\
**Post date:** [Mars 22, 2025, 9:50 UTC](https://forum.hacf.fr/t/carte-pour-thermostat-netatmo-suite/59553/11 "2025-03-22T21:50:47Z")

</div>

Tu peux commenter la ligne python\_script pour l’instant, il n’est utilisé que pour les scripts et ce n’est pas lui qui empêche les photos de s’afficher.  
Tout à l’heure je t’ai envoyé un message avec une invite sur mon discord, parcours le cela te donnera peut être un indice sur ce qui pose problème.

---

<div class="post-metadata">

**Author:** ![Gil94](https://forum.hacf.fr/letter_avatar_proxy/v4/letter/g/13edae/32.png) [@Gil94](https://forum.hacf.fr/u/Gil94)\
**Post date:** [Mars 22, 2025, 9:56 UTC](https://forum.hacf.fr/t/carte-pour-thermostat-netatmo-suite/59553/12 "2025-03-22T21:56:26Z")

</div>

Merci beaucoup, je vois ça et je te tiens au courant.

---

<div class="post-metadata">

**Author:** ![telenaze](https://forum.hacf.fr/letter_avatar_proxy/v4/letter/t/3d9bf3/32.png) [@telenaze](https://forum.hacf.fr/u/telenaze)\
**Post date:** [Mars 22, 2025, 9:58 UTC](https://forum.hacf.fr/t/carte-pour-thermostat-netatmo-suite/59553/13 "2025-03-22T21:58:19Z")

</div>

Je pense vraiment que le problème vient du répertoire ou tu as mis les photos.  
Tu est certain qu’il n’y à pas d’espace en début ou en fin de nom ?

---

<div class="post-metadata">

**Author:** ![Gil94](https://forum.hacf.fr/letter_avatar_proxy/v4/letter/g/13edae/32.png) [@Gil94](https://forum.hacf.fr/u/Gil94)\
**Post date:** [Mars 23, 2025, 9:15 UTC](https://forum.hacf.fr/t/carte-pour-thermostat-netatmo-suite/59553/14 "2025-03-23T09:15:37Z")

</div>

> [@telenaze](#):
>
> hassio

Oui j'ai vérifié à nouveau, les noms sont nickel. Reste l'arborescence des dossiers. Je suis sur une VM dans une Freebox Delta.

 ![Arborescence](https://forum.hacf.fr/uploads/default/original/3X/8/c/8c25a8f8551908faea931e783ef8a7967b3a9ff2.png)

 ![Arborescence2](https://forum.hacf.fr/uploads/default/original/3X/9/f/9fbbcfe0fa698a8bd7361e1a8971f0e434761af6.png)

C'est comme si le chemin n'était pas bon.

---

<div class="post-metadata">

**Author:** ![telenaze](https://forum.hacf.fr/letter_avatar_proxy/v4/letter/t/3d9bf3/32.png) [@telenaze](https://forum.hacf.fr/u/telenaze)\
**Post date:** [Mars 23, 2025, 10:18 UTC](https://forum.hacf.fr/t/carte-pour-thermostat-netatmo-suite/59553/15 "2025-03-23T10:18:52Z")

</div>

Les deux premières ligne de code de la carte sont bien

```yaml
type: picture-elements
image: /local/netatmo/Netatmo_background_409x762_2.png

```

Avec File editor tu as le chemin `/homeassistant/www/netatmo`

---

<div class="post-metadata">

**Author:** ![Gil94](https://forum.hacf.fr/letter_avatar_proxy/v4/letter/g/13edae/32.png) [@Gil94](https://forum.hacf.fr/u/Gil94)\
**Post date:** [Mars 23, 2025, 10:40 UTC](https://forum.hacf.fr/t/carte-pour-thermostat-netatmo-suite/59553/16 "2025-03-23T10:40:04Z")

</div>

Donc il faudrait que je change le code en mettant le chemin : _/homeassistant/www/netatmo/xxx.png_ ?  
Pourtant le chemin est bon. J’ai une carte pour la télécommande du player de la Freebox et l’image que je vais chercher est dans _/homeassistant/www/lovelace/xxx.png_ et le code de la carte il y a : _/local/lovelace/xxx.png_

---

<div class="post-metadata">

**Author:** ![telenaze](https://forum.hacf.fr/letter_avatar_proxy/v4/letter/t/3d9bf3/32.png) [@telenaze](https://forum.hacf.fr/u/telenaze)\
**Post date:** [Mars 23, 2025, 11:04 UTC](https://forum.hacf.fr/t/carte-pour-thermostat-netatmo-suite/59553/17 "2025-03-23T11:04:51Z")

</div>

Non mais essaie de créer une nouvelle carte avec juste ce code.

```yaml
type: picture-elements
image: /local/netatmo/Netatmo_background_409x762_2.png
elements:
  - type: image
    entity: climate.netatmo_entree
    image: /local/netatmo/Engie.png
    title: null
    tap_action:
      action: none
    style:
      top: 10%
      left: 90%
      width: 10%

```

---

<div class="post-metadata">

**Author:** ![Gil94](https://forum.hacf.fr/letter_avatar_proxy/v4/letter/g/13edae/32.png) [@Gil94](https://forum.hacf.fr/u/Gil94)\
**Post date:** [Mars 23, 2025, 11:10 UTC](https://forum.hacf.fr/t/carte-pour-thermostat-netatmo-suite/59553/18 "2025-03-23T11:10:32Z")

</div>

C'est pareil

 ![Capture d’écran 2025-03-23 120930](https://forum.hacf.fr/uploads/default/original/3X/d/f/df14be8e5ca3a7914161a1ac97aab8df2039a938.png)

---

<div class="post-metadata">

**Author:** ![telenaze](https://forum.hacf.fr/letter_avatar_proxy/v4/letter/t/3d9bf3/32.png) [@telenaze](https://forum.hacf.fr/u/telenaze)\
**Post date:** [Mars 23, 2025, 11:12 UTC](https://forum.hacf.fr/t/carte-pour-thermostat-netatmo-suite/59553/19 "2025-03-23T11:12:35Z")

</div>

Dans ce cas tu as vraiment un problème avec le répertoire netatmo.  
Essaie de d’en créer un nouveau pour voir

---

<div class="post-metadata">

**Author:** ![telenaze](https://forum.hacf.fr/letter_avatar_proxy/v4/letter/t/3d9bf3/32.png) [@telenaze](https://forum.hacf.fr/u/telenaze)\
**Post date:** [Mars 23, 2025, 11:16 UTC](https://forum.hacf.fr/t/carte-pour-thermostat-netatmo-suite/59553/20 "2025-03-23T11:16:56Z")

</div>

Tu peux aussi copier l’image `Netatmo_background_409x762_2.png` et `Engie.png`dans ton répertoire lovelace et remplacer netatmo par lovelace dans le code de la carte.  
Si cela ne marche toujours pas, il est possible que tes images ne soient pas bonne.

[Page suivante](https://forum.hacf.fr/t/carte-pour-thermostat-netatmo-suite/59553.md?page=2)