Include the card code

Dashboard/Cards/Frontend
1

Moin,

Vielleicht gibt es hier schon der antwort, ich hab es aber nicht gefunden.

Button Card möchte ich gerne nutzen.
Punt 1 und 2 hab ich schon gemacht.
Steht bei punkt 3 in der anleitung : Include the card code in your ui.lovelace.yaml

Wie geht das?

Bin neu in HA, so sei freundlich zu mir. LOL

Rob

2

Thema hatten wir erst gestern → Wie instaliere ich eine custom button card mit template?

3

Hi,

Da hab ich leider nicht gefunden was ich suche.

Ich finde einfach die datei nicht wo ich die sachen einfügen soll. Auch die template.yaml finde ich nicht.

Danke.

4

Auf Übersicht → Rechts oben in der ecke auf die 3 Punkte und dann auf : Dashboard bearbeiten → danach nochmal die 3 punkte dann steht da Raw-Konfigurationseditor da gehört es rein.

5

Top.
Ich danke dir.
Kann endlich weiter machen.

6

Ich häng mich da mal mir rein…

Habe mir Button-Card in HACS heruntergeladen.
Wenn ich die Schritt 3 ausführen möchte:
3. Include the card code in your ui-lovelace-card.yaml

resources:
  - url: /local/button-card.js
    type: module

So, nun kopiere ich dies in den RAW-Konigurator im Dashboard.
erscheint :

Ressourcen sollten nicht mehr zur Dashboard-Konfiguration hinzugefügt werden, sondern können im Dashboard-Konfigurationspanel hinzugefügt werden.

Füge ich es in den Yaml-Code beim Erstellen der Karte, funktioniert es auch nicht…

Beginn des Codes:

button_card_templates:
  motion_detected:
    color_type: card
    show_icon: false
    state:
      - value: 'on'
        color: red
        styles:
          card:
            - animation: blink 2s ease infinite
            - height: 50px
      - operator: default
        color: green
        styles:
          card:
            - height: 50px
views:
  - title: Home
    cards:
      - type: custom:mushroom-chips-card
        chips:
          - type: weather
            show_conditions: true
            show_temperature: true
            tap_action:
              action: more-info
            double_tap_action:
              action: none
            entity: weather.openweathermap
            hold_action:
              action: none
          - type: entity

Auch, wenn ich den Bereich “resources:” oben anfüge, führt es nicht zum Erfolg.

Ideen???

Vielen Dank schon mal

7

Die button-card.js gehört eigentlich unter: Einstellungen → Dashboards die drei punkte oben rechts auf Ressourcen da mal schauen ob da ein Eintrag vorhanden ist mit button-card.js falls nein Eintrag hinzufügen:

/hacsfiles/button-card/button-card.js?hacstag=146194325411

Als Javascript modul danach sollte es gehen