Switch branches/tags
Nothing to show
Find file History
Permalink
Type Name Latest commit message Commit time
..
Failed to load latest commit information.
README.md Update plan coordinates docs (#170) Aug 20, 2018
VERSION Fixed plan-coordinates 0.1.0 Jul 22, 2018
changelog.md Fixed plan-coordinates 0.1.0 Jul 22, 2018
plan-coordinates.js Fixed plan-coordinates 0.1.0 Jul 22, 2018

README.md

Plan coordinates

Helper to display left: and top: to use as coordinates in entities in picture-elements.

plan

⚠️ 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

Example

- 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%