GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → custom-cards → plan-coordinates

custom-cards / plan-coordinates

Licence: Apache-2.0 license
No description, website, or topics provided.

Programming Languages

javascript
184084 projects - #8 most used programming language

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%
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].