Temperature glance

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".
ui-lovelace.yaml
1
title: Home Assistant
2
views:
3
  - type: picture-elements
4
    image: /local/house-element.jpg
5
    elements:
6
    - type: state-icon
7
        entity: alarm_control_panel.home_alarm
8
        style:
9
        top: 87%
10
        left: 5%
11
        color: white
12
    - type: state-icon
13
        entity: sensor.front_door_combined
14
        style:
15
        top: 86%
16
        left: 14%
17
        color: white
18
    - type: state-icon
19
        entity: sensor.mailbox
20
        style:
21
        top: 86%
22
        left: 23%
23
        color: white
24
    - type: state-icon
25
        entity: sensor.trash_bin
26
        style:
27
        top: 86%
28
        left: 32%
29
        color: white
30
​
31
    ## temp
32
    - type: icon
33
        icon: mdi:hotel
34
        entity: sensor.temperature_bedroom
35
        tap_action: more-info
36
        style:
37
        top: 82%
38
        left: 50%              
39
        color: white
40
    - type: state-label
41
        entity: sensor.temperature_bedroom
42
        style:
43
        top: 95%
44
        left: 50%
45
        color: white
46
​
47
    - type: icon
48
        icon: mdi:human-male
49
        entity: sensor.temperature_stefan
50
        tap_action: more-info
51
        style:
52
        top: 82%
53
        left: 64% 
54
        color: white
55
    - type: state-label
56
        entity: sensor.temperature_stefan
57
        style:
58
        top: 95%
59
        left: 64%
60
        color: white
61
​
62
    - type: icon
63
        icon: mdi:stairs
64
        entity: sensor.temperature_passage
65
        tap_action: more-info
66
        style:
67
        top: 82%
68
        left: 78% 
69
        color: white
70
    - type: state-label
71
        entity: sensor.temperature_passage
72
        style:
73
        top: 95%
74
        left: 78%
75
        color: white
76
​
77
    - type: icon
78
        icon: mdi:washing-machine
79
        entity: sensor.temperature_downstairs_bathroom
80
        tap_action: more-info
81
        style:
82
        top: 82%
83
        left: 92% 
84
        color: white
85
    - type: state-label
86
        entity: sensor.temperature_downstairs_bathroom
87
        style:
88
        top: 95%
89
        left: 92%
90
        color: white
Copied!

Picture-elements cards - Previous

Neato Vaccum Card

Next - Picture-elements cards

Untappd Card

Last modified 1yr ago

Copy link