custom button card anpassen?

Ritschi

New member
Hallo

Ich habe mir eine custom Button card zurechtgeschnipselt.
Code:
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
 

Anhänge

  • Bildschirmfoto 2022-05-07 um 20.49.37.png
    Bildschirmfoto 2022-05-07 um 20.49.37.png
    30,3 KB · Aufrufe: 9

blurrrr

Well-known member
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? :)
 

Zurzeit aktive Besucher

Letzte Anleitungen

Statistik des Forums

Themen
585
Beiträge
8.619
Mitglieder
204
Neuestes Mitglied
sina27
Oben