Cover element in picture elements

Share your Projects!
1

If you have covers or blinds in your home and you love controlling them via picture-elements like me here’s a simple cover element you can easily place on your picture-elements card. It will show you the cover position as well.

Preview:

Code:

- type: picture-elements
  image: /local/LivingRoom.jpg
  elements:
    - type: 'custom:cover-element'
      entity: cover.livingroom_terrace_shutter
      position_label:
        show: true
        open_text: open
        closed_text: closed
        interim_text: open
      style:
        top: 40%
        height: 15%
        background-color: 'rgba(255, 255, 255, 0.6)'
        width: 23%
        border-radius: 10px
        left: 53%

Download it from the custom cards organization repo at https://github.com/custom-cards/cover-element
(full repo list: https://github.com/custom-cards)

3 Likes
2

Hi,
I tried to install your plugin to my home assistant and I failed.
Can you please check it again to the new version of home assistant?