Share the love
  • Welcome!
  • Picture-elements cards
    • 3D Floorplan Card
    • Fitbit Card
    • Greeter Card
    • Kodi Remote Card
    • Mi Flora Plant Card
    • Neato Vaccum Card
    • Temperature glance
    • Untappd Card
    • Xiaomi Vacuum Card
  • Glance cards
    • AV Remote Card
  • Custom Resources
    • Cards
    • Rows
    • Elements
    • Special
    • Styling
  • Tools
    • Jinja Magic Scripts
    • Externaly hosted tools
Powered by GitBook
On this page
  1. Picture-elements cards

Temperature glance

A picture elements card that is faking the look of a picture glance, but with visible temperatures.

PreviousNeato Vaccum CardNextUntappd Card

Last updated 4 years ago

Remember to change the sensor entities for your own.

To get the grey transparent area known from the picture glance on my background, I first created it as a picture glance and took a screenshot that I can use for my "glance".

title: Home Assistant
views:
  - type: picture-elements
    image: /local/house-element.jpg
    elements:
    - type: state-icon
        entity: alarm_control_panel.home_alarm
        style:
        top: 87%
        left: 5%
        color: white
    - type: state-icon
        entity: sensor.front_door_combined
        style:
        top: 86%
        left: 14%
        color: white
    - type: state-icon
        entity: sensor.mailbox
        style:
        top: 86%
        left: 23%
        color: white
    - type: state-icon
        entity: sensor.trash_bin
        style:
        top: 86%
        left: 32%
        color: white

    ## temp
    - type: icon
        icon: mdi:hotel
        entity: sensor.temperature_bedroom
        tap_action: more-info
        style:
        top: 82%
        left: 50%              
        color: white
    - type: state-label
        entity: sensor.temperature_bedroom
        style:
        top: 95%
        left: 50%
        color: white

    - type: icon
        icon: mdi:human-male
        entity: sensor.temperature_stefan
        tap_action: more-info
        style:
        top: 82%
        left: 64% 
        color: white
    - type: state-label
        entity: sensor.temperature_stefan
        style:
        top: 95%
        left: 64%
        color: white

    - type: icon
        icon: mdi:stairs
        entity: sensor.temperature_passage
        tap_action: more-info
        style:
        top: 82%
        left: 78% 
        color: white
    - type: state-label
        entity: sensor.temperature_passage
        style:
        top: 95%
        left: 78%
        color: white

    - type: icon
        icon: mdi:washing-machine
        entity: sensor.temperature_downstairs_bathroom
        tap_action: more-info
        style:
        top: 82%
        left: 92% 
        color: white
    - type: state-label
        entity: sensor.temperature_downstairs_bathroom
        style:
        top: 95%
        left: 92%
        color: white