You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Helper to display `left:` and `top:` to use as coordinates in entities in [picture-elements](https://www.home-assistant.io/lovelace/picture-elements/).
- This feature only works with Chrome that supports Event.path on MouseMove.
9
-
- Make sure your browser zoom is at 100% otherwise coordinates will fail to be accurate
10
-
11
-
12
-
**Example**
13
-
```yaml
14
-
- type: custom:plan-coordinates
15
-
```
16
-
17
-
To use with ```panel: true``` you can use ```vertical-stack``` which will display like normal, or ```horizontal-stack``` which will push the ```picture-elements``` to one side or the other.
18
-
19
-
20
-
```yaml
21
-
- title: Main Floor
22
-
id: main-floor
23
-
icon: mdi:wrench
24
-
panel: true
25
-
cards:
26
-
- type: vertical-stack
27
-
cards:
28
-
- type: custom:plan-coordinates
29
-
- type: picture-elements
30
-
image: /local/floorplan/mainfloor.jpg
31
-
elements:
32
-
- type: state-icon
33
-
entity: light.mudroom_light_level
34
-
tap_action: toggle
35
-
style:
36
-
top: 60%
37
-
left: 67%
38
-
```
39
-
1
+
# Plan coordinates has moved to https://github.com/custom-cards/plan-coordinates
0 commit comments