Add Custom Card via Lovelace UI (Resources tab)

Configuration Frontend
1

I am lost in the process how to add a custom card to lovelace dashboard. In specific it is the button-entity-row.js card type.

I tried to follow the git example of the config (https://github.com/custom-cards/button-entity-row) but when I enter resources into the raw config file it gives message:

“Resources should no longer be added to the Lovelace configuration but can be added in the Lovelace config panel.”

So I did this to enter it in the Lovelace config panel:

  1. I created the www folder in the config
  2. I copied the button-entity-row.js file into that directory
  3. I opened Configurations > Lovelace Dashobards
  4. In the “Resources” tab I entered the url: “/local/button-entity-row.js”

…but what to do next to use it in the dashboard???

I tried to put it in the Raw config file like:

      - type: entities
        entities:
          - entity: media_player.office
          - type: 'custom:button-entity-row'
            buttons:
              - icon: 'mdi:eye'
                service: media_player.media_play_pause
                service_data:
                  entity_id: media_player.office
                name: playing

But it gives error:
Cannot assign to read only property ‘buttons’ of object ‘#’
type: ‘custom:button-entity-row’
buttons:

    • icon: ‘mdi:eye’*
  • service: media_player.media_play_pause*
  • service_data:*
  •  entity_id: media_player.office*
  • name: playing*

Thanks for any guidance…

1 Like