Helper to display
top: to use as coordinates in entities in picture-elements.
⚠️ Warning ⚠️
- This feature only works with Chrome that supports Event.path on MouseMove.
- Make sure your browser zoom is at 100% otherwise coordinates will fail to be accurate
- type: custom:plan-coordinates
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.
- title: Main Floor id: main-floor icon: mdi:wrench panel: true cards: - type: vertical-stack cards: - type: custom:plan-coordinates - type: picture-elements image: /local/floorplan/mainfloor.jpg elements: - type: state-icon entity: light.mudroom_light_level tap_action: toggle style: top: 60% left: 67%