Skip to content

Commit 46e0fac

Browse files
authored
Update README.md
1 parent dd66e0f commit 46e0fac

File tree

1 file changed

+1
-39
lines changed

1 file changed

+1
-39
lines changed

plan-coordinates/README.md

+1-39
Original file line numberDiff line numberDiff line change
@@ -1,39 +1 @@
1-
# Plan coordinates
2-
3-
Helper to display `left:` and `top:` to use as coordinates in entities in [picture-elements](https://www.home-assistant.io/lovelace/picture-elements/).
4-
5-
![plan](https://user-images.githubusercontent.com/7738048/42569358-ede62cae-8518-11e8-989e-25812e8b95f8.gif)
6-
7-
## ⚠️ Warning ⚠️
8-
- 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

Comments
 (0)