Mushroom Template Chips auf Picture Elements Cards erstellen

Dashboard/Cards/Frontend
,
1

Hallo Gemeinde,

ich versuche gerade, Mushroom Template Chips auf einer Picture Elements Karte zu platzieren. Geht das überhaupt oder stelle ich mich bloß zu blöd an?
Einen (bzw. 2) Mushroom Entity Chip bekomme ich hin, aber keinen Mushroom Template Chip. Das hätte ich aber gern, weil ich dann unterschiedliche Zustände nur mit Icon- und Farbänderung sinnvoll darstellen könnte und damit zusätzliche Texte, die nur unnötig Platz wegnehmen, einsparen.
Für Hilfe, insbesondere Code Beispiele wäre ich dankbar.

VG, muellthos

2 
type: picture-elements
image: local/images/3d_floorplan/Wohnung-Dunkel.png
elements:
  - type: custom:mushroom-chips-card
    style:
      left: 3%
      top: 3%
    chips:
      - type: template
        icon: mdi:arrow-left
        content: Zurück
        tap_action:
          action: navigate
          navigation_path: '0'
        double_tap_action:
          action: navigate
          navigation_path: '0'
        hold_action:
          action: navigate
          navigation_path: '0'

die Karte habe ich auf meinem Picture Element.

LG
totow

3

Danke. Ich meinte aber eher so was:

type: picture-elements
elements:
  - type: custom:mushroom-chips-card
    chips:
      type: template
      double_tap_action:
        action: none
      entity: binary_sensor.bad_heizkorper
      icon: >-
        {% if is_state('binary_sensor.bad_heizkorper', 'on') %} mdi:radiator {%
        else
         %} mdi:radiator-off {% endif %}
      icon_color: >-
        {% if is_state('binary_sensor.bad_heizkorper', 'on') %} red {% else %}
        green {% endif %}
      tap_action:
        action: more-info
      hold_action:
        action: none
    style:
      top: 42%
      left: 75%
image: /local/images/kleinesWZ.webp

Wenn ich das einbaue, ist nix zu sehen. Mache ich an die Stelle was “statisches”, wie ein Mushroom Element Chip, ist der zu sehen…

ratlos, muellthos

4

Schreib mal image: /local/images/kleinesWZ.webp nach oben über elements.
Ich bin der Meinung das bei picture-elements alles in der Reihenfolgen von oben nach unten übereinander gelegt wird. Sprich dein Image ist Über deiner Chips Card.

Edit du hattest ein Formatierungs Fehler so sollte es funktionieren:

type: picture-elements
image: /local/images/kleinesWZ.webp
elements:
  - type: custom:mushroom-chips-card
    chips:
      - type: template
        double_tap_action:
          action: none
        entity: binary_sensor.bad_heizkorper
        icon: >-
          {% if is_state('binary_sensor.bad_heizkorper', 'on') %} mdi:radiator {%
          else
           %} mdi:radiator-off {% endif %}
        icon_color: >-
          {% if is_state('binary_sensor.bad_heizkorper', 'on') %} red {% else %}
          green {% endif %}
        tap_action:
          action: more-info
        hold_action:
          action: none
        style:
          top: 42%
          left: 75%

LG
totow

5

Ich hab’s jetzt. Kaum macht man es richtig, schon geht’s! Es fehlt ein Bindestrich, und die Einrückung ist dann auch falsch. Ich glaub, YAML / Jinja und ich werden wohl keine Freunde…

type: picture-elements
elements:
  - type: custom:mushroom-chips-card
    chips:
      - type: template
        double_tap_action:
          action: none
        entity: binary_sensor.bad_heizkorper
        icon: >-
          {% if is_state('binary_sensor.bad_heizkorper', 'on') %} mdi:radiator
            {% else %} mdi:radiator-off {% endif %}
        icon_color: >-
          {% if is_state('binary_sensor.bad_heizkorper', 'on') %} red 
            {% else %} green {% endif %}
        tap_action:
          action: more-info
        hold_action:
          action: none
    style:
      top: 42%
      left: 75%
image: /local/images/kleinesWZ.webp

muellthos