More information under icon

[Widda]

Hi!
Would it be possible to show for example how much energy a light is having when it is powerd under the icon? For example watt or maybe any attribute regarding to that entity. Maybe multiple rows? Like your example on Printer info on toner Black.

[marcokreeft87]

Yes you can with icon templates. Check the wiki :)

[Widda]

Hi!
I have now tried to fix this and now the info under icon changes to ON and not the state on w. See video.
I also tested to get the icon to light up as soon as i click on icon but that one don't work.
What have i done wrong?
Here is my code on card.

type: custom:room-card
title: Badrum
entity: switch.badrum_lampor
icon: mdi:lightbulb-outline
show_icon: false
state_color: true
entities:
  - entity: switch.badrum_brytare_1_spegel_light
    name: Spegel
    state_color: true
    tap_action:
      action: toggle
  - entity: sensor.badrum_brytare_1_spegel_light_electric_consumption_w
    name: Spegel
    show_state: true
    show_icon: true
    tap_action:
      action: call-service
      service: homeassistant.toggle
      service_data:
        entity_id: switch.badrum_brytare_1_spegel_light
    icon:
      template:
        styles: >
          if (entity.state > 0) return 'color:
          var(--paper-item-icon-active-color)';          
        icon: |
          return 'mdi:mirror-rectangle';
  - entity: sensor.badrum_brytare_1_spegel_light_electric_consumption_w
    name: Spegel
    show_state: true
    show_icon: true
    tap_action:
      action: call-service
      service: homeassistant.toggle
      service_data:
        entity_id: switch.badrum_brytare_1_spegel_light
    icon:
      entity: switch.badrum_brytare_1_spegel_light
      template:
        styles: >
          if (entity.state = 'on') return 'color:
          var(--paper-item-icon-active-color)';
        icon: |
          return 'mdi:mirror-rectangle';
  - entity: sensor.badrum_brytare_1_spegel_light_electric_consumption_w
    name: w
    show_state: true
    show_icon: false
  - entity: switch.badrum_brytare_1_flakt
    name: Fläkt
    state_color: true
    tap_action:
      action: toggle
  - entity: switch.badrum_handdukstork
    name: Handdukstork
    state_color: true
    tap_action:
      action: toggle
  - entity: sensor.badrum_handdukstork_electric_consumption_w
    name: w
    show_state: true
    show_icon: false
  - entity: switch.pannrum_varmvatten
    name: Varmvatten
    state_color: true
    tap_action:
      action: toggle
info_entities:
  - entity: binary_sensor.badrum_multisensor_6_home_security_motion_detection
    show_icon: true
    state_color: true
  - sensor.badrum_multisensor_6_luminance
  - sensor.badrum_multisensor_6_relative_humidity
  - entity: sensor.badrum_multisensor_6_temperature
    format: precision1
  - entity: sensor.badrum_multisensor_6_battery_level
    show_icon: true

Screen.Recording.2022-10-02.at.16.13.37.mov

[marcokreeft87]

I think your sensor.badrum_brytare_1_spegel_light_electric_consumption_w is giving on/off as its state in stead of the amount of watts.

[Widda]

Im having trouble to get this to work. I fixed the above error.

I want the icon to light up as soon the switch state is on but i can't get it right. What to show the watt under the icon.
This is the code in video:
type: custom:room-card
title: Badrum TEST
entity: switch.badrum_lampor
icon: mdi:lightbulb-outline
show_icon: false
state_color: true
templates:

• name: test_template
  template:
  show_icon: true
  state_color: true
  icon: null
  template:
  styles: >
  if (entity.state >= 70) return 'color: green'; if (entity.state >=
  20) return 'color: orange'; else return 'color: orangered';
  entities:
• entity: switch.badrum_brytare_1_spegel_light
  name: Spegel
  state_color: true
  tap_action:
  action: toggle
• entity: sensor.badrum_brytare_1_spegel_light_electric_consumption_w
  name: Spegel
  show_state: true
  show_icon: true
  tap_action:
  action: call-service
  service: homeassistant.toggle
  service_data:
  entity_id: switch.badrum_brytare_1_spegel_light
  icon:
  template:
  styles: >
  if (entity.state > 0) return 'color:
  var(--paper-item-icon-active-color)';
  icon: |
  return 'mdi:mirror-rectangle';
• entity: sensor.badrum_brytare_1_spegel_light_electric_consumption_w
  name: Spegel
  show_state: true
  show_icon: true
  tap_action:
  action: call-service
  service: homeassistant.toggle
  service_data:
  entity_id: switch.badrum_brytare_1_spegel_light
  icon:
  template:
  styles: >
  if (entity.state > 0) return 'color:
  var(--paper-item-icon-active-color)';
  icon: |
  return 'mdi:mirror-rectangle';
• entity: sensor.badrum_brytare_1_spegel_light_electric_consumption_w
  name: w
  show_state: true
  show_icon: false

And this is the test regarding get the switch on state but does not work:

• entity: sensor.badrum_brytare_1_spegel_light_electric_consumption_w
  name: Spegel
  show_state: true
  show_icon: true
  tap_action:
  action: call-service
  service: homeassistant.toggle
  service_data:
  entity_id: switch.badrum_brytare_1_spegel_light
  icon:
  entity: switch.badrum_brytare_1_spegel_light
  template:
  styles: >
  if (entity.state == 'on') return 'color:
  var(--paper-item-icon-active-color)';
  icon: |
  return 'mdi:mirror-rectangle';

What am i doing wrong?
BR

Screen.Recording.2022-10-15.at.19.59.21.mov

[marcokreeft87]

icon: null isnt helping