Bedingte Formatierung von einer Entitätskachel

Hallo zusammen,

besteht die Möglichkeit die Dargestellten Werte einer Entität bedingt zu formatieren?

z.B. (s. ScreenShot): Wenn Der Wert von “RAM (gen.)” …

<10 → GRÜN

>10 & < 13 → GELB

>13 → ROT

Liebe Grüß0e aus dem Emsland,

Roland

type: entities
entities:
  - entity: sensor.pve_node_02_arbeitsspeicher_auslastung
    name: RAM (gen.)
  - entity: sensor.pve_node_02_maximale_arbeitsspeicher_auslastung
    name: RAM (ges.)
  - entity: sensor.pve_node_02_cpu_auslastung
    name: CPU Last
  - entity: sensor.pve_node_02_maximale_cpu_leistung
    name: CPU Anz.
grid_options:
  columns: 8
  rows: auto
state_color: false
show_header_toggle: false
card_mod:
  style: |
    ha-card {
      padding: 5px 10px 0px 0px !important; /* Innerer Abstand der Karte: liest man so: oben,rechts,unten,links*/
    }
    /* das ist die Überschrift */
    .card-header {
      padding-bottom: 0 !important;
    }
    /* Das hier passt die Abstände zwischen den Entitäten Zeilen an */
    .card-content div {
      margin-top: -13px !important;
      margin-bottom: -13px !important;
    }

Ob man die Schriftfarbe ändern kann, habe ich nicht ausprobiert, aber mit dem Symbol funktioniert es. Hier ein Beispiel das ich für Akku-Laden/Entladen benutze.

type: custom:mushroom-template-card
primary: |
  {% set x = states(entity)|int(0) -%}
  {% if (x > 0) -%} Akku wird geladen 
  {% elif (x == 0) -%} Kein Laden/Entladen
  {% elif (x < 0) -%} Akku wird entladen
  {% endif -%}
icon: mdi:car-battery
multiline_secondary: true
secondary: |-
  {% set x = states(entity)|int(0) %}
  {% if (x > 0) -%} {{ x }} Watt 
  {% elif (x < 0) -%} {{ x * -1 }} Watt
  {% else -%} 
  {% endif %}
tap_action:
  action: more-info
color: |-
  {% if states(entity) | int > 0 %} green
  {% elif states(entity) | int == 0 %} yellow
  {% else %} red
  {% endif %}
features_position: bottom
entity: sensor.victron_mqtt_vebus_276_vebus_inverter_dc_power

Moin,

sorry … aber ich bin blutiger Anfänger … wo muss ich was bei mir einfügen?

LG,

Roland

Oh, wenn du Anfänger bist, dann wirst du sicherlich noch nicht die Musroom-Karten (HACS) installiert haben.
Das machst du als erstes und danach helfe ich gern weiter.

Sind installiert :wink:

Dann aktivierst du in dem Dashboard, wo die Karte angezeigt werden soll den Edit-Modus und fügst eine neue Mushroom-Template-Karte hinzu. Dort in den Code-Editor (links unten anklicken) wechseln. In dem jetzt sichtbaren Textfeld fügst du den von hier kopierten Code ein und passt die Entitäten an deine Gegebenheiten an. Dann speichern und fertig.

Bei weiteren Fragen, melde dich.

Hallo,

das geht mit carmod auch ohne mushroom card.

Wie folgt, aber nur aus dem Kopf geschrieben. Muss daher noch angepasst werden.

type: entities
entities:
  - entity: sensor.pve_node_02_arbeitsspeicher_auslastung
    name: RAM (gen.)
  - entity: sensor.pve_node_02_maximale_arbeitsspeicher_auslastung
    name: RAM (ges.)
  - entity: sensor.pve_node_02_cpu_auslastung
    name: CPU Last
  - entity: sensor.pve_node_02_maximale_cpu_leistung
    name: CPU Anz.
grid_options:
  columns: 8
  rows: auto
state_color: false
show_header_toggle: false
card_mod:
  style: |
    ha-card {
      padding: 5px 10px 0px 0px !important; /* Innerer Abstand der Karte: liest man so: oben,rechts,unten,links*/
    }
    /* das ist die Überschrift */
    .card-header {
      padding-bottom: 0 !important;
    }
    /* Das hier passt die Abstände zwischen den Entitäten Zeilen an */
    .card-content div {
      margin-top: -13px !important;
      margin-bottom: -13px !important;
      color: {% if states('sensor.pve_node_02_arbeitsspeicher_auslastung') | float(0) > 13 %} red {% else %} green {% endif %};
    }

Die Logik habe ich verstanden! Ich habe nur das Problem, das der GESAMTE Text z.B. grün wird und nicht nur die betreffende Zeile bzw. idealerweise der betreffende Wert (z.B. x%).