Button Card zusätzliche Sensordaten einfügen

Hallo,

in meiner Übersicht für Schalter und Steckdosen, würde ich gern bei den Dingen, die Verbrauchswerte liefern, diese in die button Karte unter dem Namen einbauen.

Wie mache ich das?

Indem Du die entsprechende Entität des Leistungssensors als Label ausgibst.

type: custom:button-card
entity: switch.haushalt_2
name: Haushalt
icon: mdi:power-socket-de
show_label: true
label: |
  [[[
    var pow = states['sensor.haushalt_2_leistung'].state;
    if (pow != 0.001)
      return 'Leistung: ' + (pow ? pow : '0') + ' W';
    else
      return "Offline";
  ]]]

In diesem Beispiel habe ich noch die Möglichkeit ergänzt, den Offline-Status eines Template-Sensors anzuzeigen.

3 „Gefällt mir“

Super vielen Dank.

Das würde ich auch gerne alles können. Wie und wo kann man das lernen?

Alternativ lässt die custom:button-card auch custom_fields zu, welche mit sensoren belegt werden können.

Beispiel:

type: custom:button-card
entity: light.licht_wohnzimmer
name: Wohnzimmer
icon: mdi:sofa
size: 30px
show_name: true
show_state: false
styles:
  card:
    - padding-top: 20px
    - height: 148px
    - border-top: solid black 0px
    - border-left: solid black 0px
    - border-right: solid black 0px
    - border-bottom: solid black 0px
    - background: var(--ha-card-background)
  name:
    - font-size: 1.1rem
    - line-height: 2.5rem
    - font-weight: 300
  icon:
    - color: var(--white-color)
  state:
    - font-weight: 300
  custom_fields:
    count:
      - position: absolute
      - top: 10px
      - right: 10px
state:
  - value: 'on'
    styles:
      card:
        - background: var(--ha-card-background-active)
      icon:
        - color: white
hold_action:
  action: more-info
double_tap_action:
  action: none
custom_fields:
  count:
    card:
      type: custom:button-card
      entity: binary_sensor.lumi_lumi_sensor_magnet_aq2_opening
      show_state: false
      show_name: false
      show_icon: true
      tap_action:
        action: none
      state:
        - value: 'on'
          styles:
            card:
              - background: var(--ha-card-background-active)
              - width: 20px
              - height: 20px
              - border: 1
              - border-radius: 50px
              - border-color: white
            icon:
              - color: white
              - position: absolute
        - value: 'off'
          styles:
            card:
              - background: transparent
              - width: 20px
              - height: 20px
              - border: 0
            icon:
              - color: transparent
              - position: absolute
tap_action:
  action: navigate
  navigation_path: '#wohnzimmer'

1 „Gefällt mir“

Hier im Forum gibt es viele Tipps, zu den Dashboards & Karten und die Dokumentation von HA und HACS ist sehr gut. Ein Übersicht mit Links zu allen Custom cards findest Du hier

1 „Gefällt mir“

Würde gern hier noch einmal nachfragen.

Kann ich auch einfach eine zweite Textzeile einfügen, also kein State o.ä.?

Ja das geht ganz einfach. Wenn Du in dem Ausgabestring

<br>

einfügst, erfolgt an der Stelle ein Zeilenumbruch.

1 „Gefällt mir“

Und wie bekomme ich das jetzt mittig auf dem Button?

Und hinter dem Erkannt das Datum und Uhrzeit der Erkennung?

Screenshot 2024-06-24 155844

Versuche die Textzentrierung mal mit<center>, habe ich aber noch nicht selber getestet.
Für das Datum und die Uhrzeit würde ich einen Date/Time-Helfer nehmen und ihn beim Wechsel auf “Erkannt” auf die aktuelle Uhrzeit setzen, wenn Dein Wassersensor kein entsprechendes Attribut hat.
Anstatt Datum/Uhrzeit anzuzeigen, würde ich eine sofortige Nachricht bevorzugen und im Dashboard nur von grün auf rot blinkend umschalten. :wink:

Wo und wie kommt das center hin?