custom button card anpassen?

[Ritschi]

Hallo

Ich habe mir eine custom Button card zurechtgeschnipselt.

type: custom:button-card
show_name: false
show_icon: true
tap_action:
  action: navigate
  navigation_path: pool
entity: sensor.poolabdeckung
icon: fas:swimmer
aspect_ratio: 1/1
name: Rasenmäher
styles:
  grid: null
  icon:
    - color: |
        [[[
          if (entity.state == "Offen") return 'rgb(253, 216,53)'
          if (entity.state == "Geschlossen") return ''
          if (entity.state == "error") return 'red'
          else return 'red';
        ]]]
    - position: absolute
  custom_fields:
    notification:
      - background-color: rgb(068, 115, 158)
      - border-radius: 0%
      - position: absolute
      - left: 0%
      - bottom: 0%
      - height: 20px
      - width: 100%
      - font-size: 9px
      - line-height: 20px
      - font-weight: bold
      - color: white
custom_fields:
  notification: |
    [[[ return (states['sensor.poolabdeckung_name_angepasst'].state) ]]]

Nun mein Frage:
Ist es möglich bei dieser card auch oben noch so einen Balken (wie auf dem Printscreen unten zu sehen ist) zu machen mit einer Anzeige einer anderen entity?

Gruss
Ritschi

 

[blurrrr]

Ich vermute mal, dass es sich dabei um sowas wie CSS handelt, sicher sagen kann ich das aber nicht. So eine Button-Card wird ja irgendwo definiert und dort wird vermutlich auch irgendwo ein Bereich definiert sein, wo der Status mittels Text dargestellt wird. Ich "vermute" einfach mal, dass innerhalb dieser Vorlage der Textbereich mit einer entsprechenden Hintergrundfarbe via CSS angepasst wurde.

Ich denke, Du wirst erstmal eine eigene Button-Card erstellen müssen (die wird dann unter config/www abgelegt) und der Card-Code muss dann in der ui-lovelace-card.yaml eingefügt werden. Zumindestens habe ich das so verstanden.

Vielleicht helfen Dir diese Links hier ja weiter:

Generell: https://github.com/custom-cards/button-card
Installation: https://github.com/custom-cards/button-card#installation-and-tracking-with-hacs
Anpassung: https://github.com/custom-cards/button-card#styling

Allerdings kann ich jetzt auch nicht mit Gewissheit sagen, dass es genau das richtige ist. Die Vermutung geht jedenfalls in die Richtung einer extra Button-Card mit entsprechenden optischen Anpassungen (vermutlich via CSS). Woher stammt der Screenshot denn, vielleicht hilft das ja weiter?