Lovelace: Evohome & Opentherm

Hello all,

I’ve had this idea for a while now but only just had the time to start it.

I wanted to replicate the Honeywell Evohome controller interface with function and monitor my Viessmann gas boiler.

The basis for both interfaces is the picture element card.

Stu

![evo_lov|542x500](upload://gR

RiUrmBdq77mpmswDU5C0SUCKT.gif)

6 Likes

Looks great, do you have this in a repo as I’d love to copy the evohome piece.

Hi,

I don’t have a repo. But I’ll leave the config here;

Lovelace images;

#configuration.yaml
##### Evohome Temperature Colours #####


  - platform: template
    sensors:
      evohome_colour_lounge:
       friendly_name: Evohome Lounge Colour
       value_template: >-
         {%- if (states.sensor.evo_living_room_set_temp.state | int <= 5) -%}
         grey
         {%- elif (states.sensor.evo_living_room_set_temp.state | int > 5) and (states.sensor.evo_living_room_set_temp.state | int <= 15.4) -%}
         blue
         {%- elif (states.sensor.evo_living_room_set_temp.state | int > 15.5) and (states.sensor.evo_living_room_set_temp.state | int <= 18.8) -%}
         green
         {%- elif (states.sensor.evo_living_room_set_temp.state | int > 18.9) and (states.sensor.evo_living_room_set_temp.state | int <= 21.4) -%}
         lightorange
         {%- elif (states.sensor.evo_living_room_set_temp.state | int > 21.5) and (states.sensor.evo_living_room_set_temp.state | int <= 24.9) -%}
         orange
         {%- elif (states.sensor.evo_living_room_set_temp.state | int >= 25) -%}
         red
         {%- endif -%}



##### evohome preset icons ######         
        
  - platform: template
    sensors:
      evo_living_current_preset:
        friendly_name: Living Room Current Preset
        value_template: >-
           {%-if (states.climate.living_room.attributes["preset_mode"] == "none") -%}
            None
           {%- elif (states.climate.living_room.attributes["preset_mode"] == "away") -%}
            Away
           {%- elif (states.climate.home.state == "off") -%}
            Off
           {%- elif (states.climate.living_room.attributes["preset_mode"] == "Custom") -%}
            Custom
           {%- elif (states.climate.living_room.attributes["preset_mode"] == "eco") -%}
            Eco
           {%- elif (states.climate.living_room.attributes["preset_mode"] == "home") -%}
            Home
           {%- elif (states.climate.living_room.attributes["preset_mode"] == "temporary") -%}
            Temporary
           {%- elif (states.climate.living_room.attributes["preset_mode"] == "permanent") -%}
            Perminent
           {%- endif -%}
        entity_picture_template: >-
           {%-if (states.climate.living_room.attributes["preset_mode"] == "none") -%}
            /local/icons/evohome/none.png
           {%- elif (states.climate.living_room.attributes["preset_mode"] == "away") -%}
            /local/icons/evohome/away_action.png
           {%- elif (states.climate.living_room.attributes["preset_mode"] == "temporary") -%}
            /local/icons/evohome/temp_overide.png
           {%- elif (states.climate.living_room.attributes["preset_mode"] == "permanent") -%}
            /local/icons/evohome/perm_overide.png
           {%- elif (states.climate.living_room.attributes["preset_mode"] == "Custom") -%}
            /local/icons/evohome/custom.png
           {%- elif (states.climate.living_room.attributes["preset_mode"] == "eco") -%}
            /local/icons/evohome/eco.png
           {%- elif (states.climate.home.state == "off") -%}
            /local/icons/evohome/off.png
           {%- elif (states.climate.living_room.attributes["preset_mode"] == "home") -%}
            /local/icons/evohome/home.png
           {% else %}
            /local/icons/evohome/none.png
           {% endif %}


  - platform: template
    sensors:
      evo_controller_current_mode:
        friendly_name: Evohome Controller Preset Mode
        value_template: >-
           {%-if (states.climate.home.attributes["preset_mode"] == "none") -%}
            None
           {%- elif (states.climate.home.attributes["preset_mode"] == "away") -%}
            Away
           {%- elif (states.climate.home.attributes["preset_mode"] == "Custom") -%}
            Custom
           {%- elif (states.climate.home.attributes["preset_mode"] == "eco") -%}
            Eco
           {%- elif (states.climate.home.state == "off") -%}
            System_Off
           {%- elif (states.climate.home.attributes["preset_mode"] == "home") -%}
            Home
           {% else %}
            Null
           {%- endif -%}
           
        entity_picture_template: >-
           {%-if (states.climate.home.attributes["preset_mode"] == "none") -%}
            /local/images/lovelace/evohome/quick_actions.png
           {%- elif (states.climate.home.attributes["preset_mode"] == "away") -%}
            /local/images/lovelace/evohome/action_away.png
           {%- elif (states.climate.home.attributes["preset_mode"] == "Custom") -%}
            /local/images/lovelace/evohome/action_custom.png
           {%- elif (states.climate.home.attributes["preset_mode"] == "eco") -%}
            /local/images/lovelace/evohome/action_eco.png
           {%- elif (states.climate.home.attributes["preset_mode"] == "home") -%}
            /local/images/lovelace/evohome/action_home.png
           {%- elif (states.climate.home.state == "off") -%}
            /local/images/lovelace/evohome/action_off.png
           {% else %}
            /local/images/lovelace/evohome/quick_actions.png
           {% endif %}
           
###### Evohome Date + Time #####
         
  - platform: template
    sensors: 
      date_format_dd_mon_yyyy:
        entity_id: sensor.date
        friendly_name: 'Date Format DD-Mon-YYYY'
        value_template: '{{ now().strftime("%d %b, %Y")}}'
        
  - platform: template
    sensors: 
      evohome_date:
        entity_id: sensor.date
        friendly_name: 'Evohome Date Format'
        value_template: '{{ states.sensor.weekday.state}}, {{ now().strftime("%d %B") }}'
        
###### Evohome Temps #####

        
  - platform: template
    sensors:
      evo_living_room_current_temp:
        friendly_name: Living Room Current Temperature
        unit_of_measurement: °
        value_template: '{{state_attr("climate.living_room", "current_temperature")}}'
        
  - platform: template
    sensors:
      evo_living_room_set_temp:
        friendly_name: Living Room Set Temperature
        unit_of_measurement: °
        value_template: '{{state_attr("climate.living_room", "temperature")}}'

  - platform: template
    sensors:
      evo_living_room_setpointstatus:
        friendly_name: Living Room Setpoint
        value_template: "{{ state_attr('climate.living_room', 'status').setpointStatus.setpointMode }}"


  - platform: template
    sensors:
      evo_outside_temp:
        friendly_name: Evohome Outside Temp
        unit_of_measurement: °
        value_template: 'Outside {{ states.sensor.dark_sky_temperature.state }}'

##### Evohome HR92 ######    

  - platform: template
    sensors:
      evohome_livingroom_hr92:
       friendly_name: Living Room HR92
       value_template: >-         
        {% if state_attr('climate.living_room', 'status').active_faults[0].faultType == 'TempZoneActuatorLowBattery' %}
         Low_Battery
        {% else %}
         Normal
        {% endif %}   
       entity_picture_template: >-
        {% if state_attr('climate.living_room', 'status').active_faults[0].faultType == 'TempZoneActuatorLowBattery' %}
         /local/icons/evohome/low_battery.png
        {% else %}
         /local/icons/evohome/none.png
        {% endif %}  




#customize.yaml

script.1567201872207:
  friendly_name: Turn Off
  entity_picture: /local/icons/evohome/off_blue.png
script.1567202166957:
  friendly_name: Away
  entity_picture: /local/icons/evohome/away_action_blue.png
script.1567427338437:
  friendly_name: Eco
  entity_picture: /local/icons/evohome/eco_blue.png
script.1567427367682:
  friendly_name: Day Off
  entity_picture: /local/icons/evohome/home_blue.png
script.1567503322803:
  friendly_name: Cancel
  entity_picture: /local/icons/evohome/reset.png
##scripts.yaml

'1567201872207':
  alias: Evohome Off
  sequence:
  - data:
      entity_id: climate.home
      hvac_mode: 'off'
    service: climate.set_hvac_mode
'1567202166957':
  alias: Evohome Away
  sequence:
  - data:
      entity_id: climate.home
      preset_mode: away
    service: climate.set_preset_mode
'1567427338437':
  alias: Evohome Preset Eco
  sequence:
  - data:
      entity_id: climate.home
      preset_mode: eco
    service: climate.set_preset_mode
'1567427367682':
  alias: Evohome Preset Home
  sequence:
  - data:
      entity_id: climate.home
      preset_mode: home
    service: climate.set_preset_mode
'1567503322803':
  alias: Evohome Reset Preset
  sequence:
  - data:
      entity_id: climate.home
      preset_mode: Reset
    service: climate.set_preset_mode
### Control to switch the lovelace evo controller pages      
input_boolean:
  evo_controller_switch:
    name: Evohome Controller Navagation
    initial: on

Cheers Stu

1 Like

and the lovelace card config…

cards:
  - elements:
      - conditions:
          - entity: sensor.evohome_livingroom_hr92
            state: Low_Battery
          - entity: input_boolean.evo_controller_switch
            state: 'on'
        elements:
          - entity: sensor.evohome_livingroom_hr92
            style:
              '--iron-icon-height': 13px
              '--iron-icon-width': 13px
              '--paper-item-icon-color': red
              left: 34%
              top: 34%
              transform: 'translate(-45%, -45%) scale(0.3, 0.3)'
            type: state-icon
        type: conditional
      - conditions:
          - entity: sensor.evohome_top_landing_hr92
            state: Low_Battery
          - entity: input_boolean.evo_controller_switch
            state: 'off'
        elements:
          - entity: sensor.evohome_top_landing_hr92
            style:
              '--iron-icon-height': 13px
              '--iron-icon-width': 13px
              '--paper-item-icon-color': red
              left: 34%
              top: 34%
              transform: 'translate(-45%, -45%) scale(0.3, 0.3)'
            type: state-icon
        type: conditional
      - conditions:
          - entity: sensor.evohome_kitchen_hr92
            state: Low_Battery
          - entity: input_boolean.evo_controller_switch
            state: 'on'
        elements:
          - entity: sensor.evohome_kitchen_hr92
            style:
              '--iron-icon-height': 12px
              '--iron-icon-width': 12px
              '--paper-item-icon-color': red
              left: 51.5%
              top: 34%
              transform: 'translate(-45%, -45%) scale(0.3, 0.3)'
            type: state-icon
        type: conditional
      - conditions:
          - entity: input_boolean.evo_controller_switch
            state: 'on'
          - entity: sensor.evohome_bed1_hr92
            state: Low_Battery
        elements:
          - entity: sensor.evohome_bed1_hr92
            style:
              '--iron-icon-height': 12px
              '--iron-icon-width': 12px
              '--paper-item-icon-color': red
              left: 69%
              top: 34%
              transform: 'translate(-45%, -45%) scale(0.3, 0.3)'
            type: state-icon
        type: conditional
      - conditions:
          - entity: sensor.evohome_grd_flr_hall_hr92
            state: Low_Battery
          - entity: input_boolean.evo_controller_switch
            state: 'on'
        elements:
          - entity: sensor.evohome_grd_flr_hall_hr92
            style:
              '--iron-icon-height': 12px
              '--iron-icon-width': 12px
              '--paper-item-icon-color': red
              left: 69%
              top: 56%
              transform: 'translate(-45%, -45%) scale(0.3, 0.3)'
            type: state-icon
        type: conditional
      - conditions:
          - entity: sensor.evohome_bed2_hr92
            state: Low_Battery
          - entity: input_boolean.evo_controller_switch
            state: 'on'
        elements:
          - entity: sensor.evohome_bed2_hr92
            style:
              '--iron-icon-height': 12px
              '--iron-icon-width': 12px
              '--paper-item-icon-color': red
              left: 51.5%
              top: 56%
              transform: 'translate(-45%, -45%) scale(0.3, 0.3)'
            type: state-icon
        type: conditional
      - conditions:
          - entity: sensor.evohome_bed3_hr92
            state: Low_Battery
          - entity: input_boolean.evo_controller_switch
            state: 'on'
        elements:
          - entity: sensor.evohome_bed3_hr92
            style:
              '--iron-icon-height': 12px
              '--iron-icon-width': 12px
              '--paper-item-icon-color': red
              left: 34%
              transform: 'translate(-45%, -45%) scale(0.3, 0.3)'
            top: 56%
            type: state-icon
        type: conditional
      - entity: sensor.time
        style:
          color: white
          font-size: 65%
          left: 80%
          top: 18%
        type: state-label
      - entity: sensor.evo_outside_temp
        style:
          color: White
          font-size: 55%
          left: 24%
          top: 18%
        type: state-label
      - entity: sensor.evohome_date
        style:
          color: White
          font-size: 65%
          left: 50%
          top: 18%
        suffix: ' '
        type: state-label
      - conditions:
          - entity: input_boolean.evo_controller_switch
            state: 'on'
        elements:
          - entity: sensor.evohome_colour_lounge
            image: /local/images/lovelace/evohome/evo_room-off.png
            state_image:
              blue: /local/images/lovelace/evohome/lounge/evo_LR-blue-01.png
              green: /local/images/lovelace/evohome/lounge/evo_LR-green-01.png
              grey: /local/images/lovelace/evohome/lounge/evo_LR-grey-01.png
              lightorange: /local/images/lovelace/evohome/lounge/evo_LR-light_orange-01.png
              orange: /local/images/lovelace/evohome/lounge/evo_LR-orange-01.png
              red: /local/images/lovelace/evohome/lounge/evo_LR-red-01.png
            style:
              left: 50%
              top: 50%
              width: 100%
            tap_action:
              action: none
            type: image
        type: conditional
      - conditions:
          - entity: input_boolean.evo_controller_switch
            state: 'off'
        elements:
          - entity: sensor.evohome_colour_toplanding
            image: /local/images/lovelace/evohome/evo_room-off.png
            state_image:
              blue: /local/images/lovelace/evohome/lounge/evo_LR-blue-01.png
              green: /local/images/lovelace/evohome/lounge/evo_LR-green-01.png
              grey: /local/images/lovelace/evohome/lounge/evo_LR-grey-01.png
              lightorange: /local/images/lovelace/evohome/lounge/evo_LR-light_orange-01.png
              orange: /local/images/lovelace/evohome/lounge/evo_LR-orange-01.png
              red: /local/images/lovelace/evohome/lounge/evo_LR-red-01.png
            style:
              left: 50%
              top: 50%
              width: 100%
            tap_action:
              action: none
            type: image
        type: conditional
      - conditions:
          - entity: input_boolean.evo_controller_switch
            state: 'on'
        elements:
          - entity: sensor.evohome_colour_kitchen
            image: /local/images/lovelace/evohome/evo_room-off.png
            state_image:
              blue: /local/images/lovelace/evohome/kitchen/evo_KT-blue-01.png
              green: /local/images/lovelace/evohome/kitchen/evo_KT-green-01.png
              grey: /local/images/lovelace/evohome/kitchen/evo_KT-grey-01.png
              lightorange: >-
                /local/images/lovelace/evohome/kitchen/evo_KT-light_orange-01.png
              orange: /local/images/lovelace/evohome/kitchen/evo_KT-orange-01.png
              red: /local/images/lovelace/evohome/kitchen/evo_KT-red-01.png
            style:
              left: 50%
              top: 50%
              width: 100%
            tap_action:
              action: none
            type: image
        type: conditional
      - conditions:
          - entity: input_boolean.evo_controller_switch
            state: 'on'
        elements:
          - entity: sensor.evohome_colour_ghall
            image: /local/images/lovelace/evohome/evo_room-off.png
            state_image:
              blue: /local/images/lovelace/evohome/g_hall/evo_GH-blue-01.png
              green: /local/images/lovelace/evohome/g_hall/evo_GH-green-01.png
              grey: /local/images/lovelace/evohome/g_hall/evo_GH-grey-01.png
              lightorange: /local/images/lovelace/evohome/g_hall/evo_GH-light_orange-01.png
              orange: /local/images/lovelace/evohome/g_hall/evo_GH-orange-01.png
              red: /local/images/lovelace/evohome/g_hall/evo_GH-red-01.png
            style:
              left: 50%
              top: 50%
              width: 100%
            tap_action:
              action: none
            type: image
        type: conditional
      - conditions:
          - entity: input_boolean.evo_controller_switch
            state: 'on'
        elements:
          - entity: sensor.evohome_colour_bed3
            image: /local/images/lovelace/evohome/evo_room-off.png
            state_image:
              blue: /local/images/lovelace/evohome/bed3/evo_B3-blue-01.png
              green: /local/images/lovelace/evohome/bed3/evo_B3-green-01.png
              grey: /local/images/lovelace/evohome/bed3/evo_B3-grey-01.png
              lightorange: /local/images/lovelace/evohome/bed3/evo_B3-light_orange-01.png
              orange: /local/images/lovelace/evohome/bed3/evo_B3-orange-01.png
              red: /local/images/lovelace/evohome/bed3/evo_B3-red-01.png
            style:
              left: 50%
              top: 50%
              width: 100%
            tap_action:
              action: none
            type: image
        type: conditional
      - conditions:
          - entity: input_boolean.evo_controller_switch
            state: 'on'
        elements:
          - entity: sensor.evohome_colour_bed2
            image: /local/images/lovelace/evohome/evo_room-off.png
            state_image:
              blue: /local/images/lovelace/evohome/bed2/evo_B2-blue-01.png
              green: /local/images/lovelace/evohome/bed2/evo_B2-green-01.png
              grey: /local/images/lovelace/evohome/bed2/evo_B2-grey-01.png
              lightorange: /local/images/lovelace/evohome/bed2/evo_B2-light_orange-01.png
              orange: /local/images/lovelace/evohome/bed2/evo_B2-orange-01.png
              red: /local/images/lovelace/evohome/bed2/evo_B2-red-01.png
            style:
              left: 50%
              top: 50%
              width: 100%
            tap_action:
              action: none
            type: image
        type: conditional
      - conditions:
          - entity: input_boolean.evo_controller_switch
            state: 'on'
        elements:
          - entity: sensor.evohome_colour_bed1
            image: /local/images/lovelace/evohome/evo_room-off.png
            state_image:
              blue: /local/images/lovelace/evohome/bed1/evo_B1-blue-01.png
              green: /local/images/lovelace/evohome/bed1/evo_B1-green-01.png
              grey: /local/images/lovelace/evohome/bed1/evo_B1-grey-01.png
              lightorange: /local/images/lovelace/evohome/bed1/evo_B1-light_orange-01.png
              orange: /local/images/lovelace/evohome/bed1/evo_B1-orange-01.png
              red: /local/images/lovelace/evohome/bed1/evo_B1-red-01.png
            style:
              left: 50%
              top: 50%
              width: 100%
            tap_action:
              action: none
            type: image
        type: conditional
      - conditions:
          - entity: input_boolean.evo_controller_switch
            state: 'on'
        elements:
          - entity: sensor.evo_bed1_current_preset
            style:
              '--iron-icon-height': 13px
              '--iron-icon-width': 13px
              '--paper-item-icon-color': white
              left: 82%
              top: 38.8%
              transform: 'translate(-45%, -45%) scale(0.3, 0.3)'
            type: state-icon
        type: conditional
      - conditions:
          - entity: input_boolean.evo_controller_switch
            state: 'on'
        elements:
          - entity: sensor.evo_bed2_current_preset
            style:
              '--iron-icon-height': 13px
              '--iron-icon-width': 13px
              '--paper-item-icon-color': white
              left: 47%
              top: 60.4%
              transform: 'translate(-45%, -45%) scale(0.3, 0.3)'
            type: state-icon
        type: conditional
      - conditions:
          - entity: input_boolean.evo_controller_switch
            state: 'on'
        elements:
          - entity: sensor.evo_bed3_current_preset
            style:
              '--iron-icon-height': 13px
              '--iron-icon-width': 13px
              '--paper-item-icon-color': white
              left: 65%
              top: 60.4%
              transform: 'translate(-45%, -45%) scale(0.3, 0.3)'
            type: state-icon
        type: conditional
      - conditions:
          - entity: input_boolean.evo_controller_switch
            state: 'on'
        elements:
          - entity: sensor.evo_gfhall_current_preset
            style:
              '--iron-icon-height': 13px
              '--iron-icon-width': 13px
              '--paper-item-icon-color': white
              left: 82%
              top: 60.4%
              transform: 'translate(-45%, -45%) scale(0.3, 0.3)'
            type: state-icon
        type: conditional
      - conditions:
          - entity: input_boolean.evo_controller_switch
            state: 'on'
        elements:
          - entity: sensor.evo_kitchen_current_preset
            style:
              '--iron-icon-height': 13px
              '--iron-icon-width': 13px
              '--paper-item-icon-color': white
              left: 65%
              top: 38.8%
              transform: 'translate(-45%, -45%) scale(0.3, 0.3)'
            type: state-icon
        type: conditional
      - conditions:
          - entity: input_boolean.evo_controller_switch
            state: 'on'
        elements:
          - entity: sensor.evo_living_current_preset
            style:
              '--iron-icon-height': 13px
              '--iron-icon-width': 13px
              '--paper-item-icon-color': white
              left: 47%
              top: 38.8%
              transform: 'translate(-45%, -45%) scale(0.3, 0.3)'
            type: state-icon
        type: conditional
      - entity: sensor.evo_controller_current_mode
        image: /local/images/lovelace/evohome/quick_actions.png
        state_image:
          Away: /local/images/lovelace/evohome/action_away.png
          Custom: /local/images/lovelace/evohome/action_custom.png
          Eco: /local/images/lovelace/evohome/action_eco.png
          Home: /local/images/lovelace/evohome/action_home.png
          None: /local/images/lovelace/evohome/quick_actions.png
          'Null': /local/images/lovelace/evohome/quick_actions.png
          System_Off: /local/images/lovelace/evohome/action_off.png
        style:
          left: 50%
          top: 50%
          width: 100%
        tap_action:
          action: call-service
          service: browser_mod.popup
          service_data:
            title: Quick Actions
            card:
              type: entities
              entities:
                - script.1567201872207
                - script.1567202166957
                - script.1567427338437
                - script.1567427367682
                - script.1567503322803
              deviceID:
                - this
        type: image
      - conditions:
          - entity: input_boolean.evo_controller_switch
            state: 'off'
        elements:
          - entity: sensor.evo_landing_current_preset
            style:
              '--iron-icon-height': 13px
              '--iron-icon-width': 13px
              '--paper-item-icon-color': white
              left: 47%
              top: 38.8%
              transform: 'translate(-45%, -45%) scale(0.3, 0.3)'
            type: state-icon
        type: conditional
      - conditions:
          - entity: input_boolean.evo_controller_switch
            state: 'on'
        elements:
          - entity: sensor.evo_bed1_current_temp
            style:
              color: Grey
              font-size: 130%
              left: 75%
              top: 30%
            tap_action:
              action: more-info
            type: state-label
        type: conditional
      - conditions:
          - entity: input_boolean.evo_controller_switch
            state: 'on'
        elements:
          - entity: sensor.evo_bed2_current_temp
            style:
              color: Grey
              font-size: 130%
              left: 42%
              top: 52%
            tap_action:
              action: more-info
            type: state-label
        type: conditional
      - conditions:
          - entity: input_boolean.evo_controller_switch
            state: 'on'
        elements:
          - entity: sensor.evo_bed3_current_temp
            style:
              color: Grey
              font-size: 130%
              left: 58%
              top: 52%
            tap_action:
              action: more-info
            type: state-label
        type: conditional
      - conditions:
          - entity: input_boolean.evo_controller_switch
            state: 'on'
        elements:
          - entity: sensor.evo_living_room_current_temp
            style:
              color: Grey
              font-size: 130%
              left: 42%
              top: 30%
            tap_action:
              action: more-info
            type: state-label
        type: conditional
      - conditions:
          - entity: input_boolean.evo_controller_switch
            state: 'off'
        elements:
          - entity: sensor.evo_top_landing_current_temp
            style:
              color: Grey
              font-size: 130%
              left: 42%
              top: 30%
            tap_action:
              action: more-info
            type: state-label
        type: conditional
      - conditions:
          - entity: input_boolean.evo_controller_switch
            state: 'on'
        elements:
          - entity: sensor.evo_gfhall_current_temp
            style:
              color: Grey
              font-size: 130%
              left: 76%
              top: 52%
            tap_action:
              action: more-info
            type: state-label
        type: conditional
      - conditions:
          - entity: input_boolean.evo_controller_switch
            state: 'on'
        elements:
          - entity: sensor.evo_kitchen_current_temp
            style:
              color: Grey
              font-size: 130%
              left: 58%
              top: 30%
            tap_action:
              action: more-info
            type: state-label
        type: conditional
      - conditions:
          - entity: input_boolean.evo_controller_switch
            state: 'on'
        elements:
          - entity: sensor.evo_living_room_set_temp
            style:
              color: white
              font-size: 50%
              left: 35.5%
              top: 39.5%
            tap_action:
              action: call-service
              service: browser_mod.popup
              service_data:
                card:
                  entity: climate.living_room
                  type: thermostat
                deviceID:
                  - this
                title: Set Temperature
            type: state-label
        type: conditional
      - conditions:
          - entity: input_boolean.evo_controller_switch
            state: 'off'
        elements:
          - entity: sensor.evo_top_landing_set_temp
            style:
              color: white
              font-size: 50%
              left: 35.5%
              top: 39.5%
            tap_action:
              action: call-service
              service: browser_mod.popup
              service_data:
                card:
                  entity: climate.top_landing
                  type: thermostat
                deviceID:
                  - this
                title: Set Temperature
            type: state-label
        type: conditional
      - conditions:
          - entity: input_boolean.evo_controller_switch
            state: 'on'
        elements:
          - entity: sensor.evo_kitchen_set_temp
            style:
              color: white
              font-size: 53%
              left: 53.5%
              top: 39.5%
            tap_action:
              action: call-service
              service: browser_mod.popup
              service_data:
                card:
                  entity: climate.kitchen
                  type: thermostat
                deviceID:
                  - this
                title: Set Temperature
            type: state-label
        type: conditional
      - conditions:
          - entity: input_boolean.evo_controller_switch
            state: 'on'
        elements:
          - entity: sensor.evo_gfhall_set_temp
            style:
              color: white
              font-size: 53%
              left: 71%
              top: 61%
            tap_action:
              action: call-service
              service: browser_mod.popup
              service_data:
                card:
                  entity: climate.grd_flr_hall
                  type: thermostat
                deviceID:
                  - this
                title: Set Temperature
            type: state-label
        type: conditional
      - conditions:
          - entity: input_boolean.evo_controller_switch
            state: 'on'
        elements:
          - entity: sensor.evo_bed1_set_temp
            style:
              color: white
              font-size: 53%
              left: 71%
              top: 39.5%
            tap_action:
              action: call-service
              service: browser_mod.popup
              service_data:
                card:
                  entity: climate.bedroom_1
                  type: thermostat
                deviceID:
                  - this
                title: Set Temperature
            type: state-label
        type: conditional
      - conditions:
          - entity: input_boolean.evo_controller_switch
            state: 'on'
        elements:
          - entity: sensor.evo_bed3_set_temp
            style:
              color: white
              font-size: 53%
              left: 53.3%
              top: 61%
            tap_action:
              action: call-service
              service: browser_mod.popup
              service_data:
                card:
                  entity: climate.bedroom_3
                  type: thermostat
                deviceID:
                  - this
                title: Set Temperature
            type: state-label
        type: conditional
      - conditions:
          - entity: input_boolean.evo_controller_switch
            state: 'on'
        elements:
          - entity: sensor.evo_bed2_set_temp
            style:
              color: white
              font-size: 53%
              left: 35.5%
              top: 61%
            tap_action:
              action: call-service
              service: browser_mod.popup
              service_data:
                card:
                  entity: climate.bedroom_2
                  type: thermostat
                deviceID:
                  - this
                title: Set Temperature
            type: state-label
        type: conditional
      - entity: input_boolean.evo_controller_switch
        image: /local/images/lovelace/evohome/evo_main_controller-switch01.png
        state_image:
          'off': /local/images/lovelace/evohome/evo_main_controller-switch02.png
          'on': /local/images/lovelace/evohome/evo_main_controller-switch01.png
        style:
          left: 76%
          top: 68%
          width: 14%
        tap_action:
          action: toggle
        type: image
    entity: input_boolean.evo_controller_switch
    image: /local/images/lovelace/evohome/evo_main_controller-03.png
    state_image:
      'off': /local/images/lovelace/evohome/evo_main_controller-04.png
      'on': /local/images/lovelace/evohome/evo_main_controller-03.png
    type: picture-elements
type: 'custom:vertical-stack-in-card'

1 Like

Brilliant! Thanks will have a go at this tonight

getting there slowly… “input_boolean.evo_controller_switch”? is that just son you can enable/dasable the functionality?. thanks again.

The switch is to allow you to toggle between the two controller pages which displays the different zones by way of the conditional option of the picture_elements card.

I’ve updated the post with the config code to include this input boolean.

Which version of home assistant are you running?
I changed your config to my environment, but whatever I try, I cannot get the popup-card working.
I am running 0.101.2 of HA

I am currently on 0.101.

The pop ups work fine for me.

If I have a chance I’ll upgrade to see if I also have the issue.

My popup cards aren’t working too. I believe since 0.101.2.

I found out that the plugin is deprecated:

You should use browser_mod instead:

Thanks for the heads up.

Lovelace code to post 4 now updated for the browser_mod.popup

Cheers,

Stu

1 Like

Any progress of changes ?