Skip to content
No description, website, or topics provided.
JavaScript
Branch: master
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
LICENSE Create LICENSE May 17, 2019
README.md Create README.md May 17, 2019
plan-coordinates.js Create plan-coordinates.js May 17, 2019

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%
You can’t perform that action at this time.