Trying to add first custom card

Configuration Frontend
1

I have been using the Overview dashboard with the standard cards, but now I want to add a custom card. In this case, it’s the weather-card by bramkragten. I placed the js and icons in the folders www/custom-lovelace/weather-card and added this to configuration.yaml:

lovelace:
  resources:
  - url: /local/custom-lovelace/weather-card/weather-card.js
    type: module

After restarting, I went to Overview, edit, and selected manual. Here is what I entered there and the result:

custom card
custom card964×307 18.4 KB

But there is a file /config/www/custom-lovelace/weather-card/weather-card.js Why can’t HA find and use it? Thanks for any help.

2

Sometimes you need to restart more than once

3

I know, but I’ve restarted at least two dozen times since then and it still can’t find the card. There must be something else wrong.

4

I checked and the installation information on the Github pages is OUTDATED.
You can setup the card directly in HACS…so remove the stuff you manually added , restart and look here

image
image1641×334 28 KB

5

I deleted all the files and the lines in configuration.yaml and restarted (several times). Then I tried to add the card using Overview>edit>add card>manual, and got the same error as before.

Can you tell me, first of all, when adding a card through HACS by downloading the repository, is it necessary to add lines to configuration.yaml, or does the UI handle the link to resources? If it is necessary, what is the proper format?

Thanks again.

6

When using HACS no additional yaml stuff should be needed, unless the developer mentions this. As the current documentation is outdated this is not immediately clear.
However, I just went to my dev-instance HACS, selected weather card, v150 was proposed, downloaded it, reloaded the screen as proposed after download and I can now add it from the dashboard, i.e. in the dashboard I select add-card button…there was no need to restart HA in this case
.

7

If you used HACS and it worked properly, the edit > add card should allow you to select it (search for ‘weather’…the picture shows multiple weather cards (I have multiple sources)

image
image1555×601 65.4 KB

8

Why yes, it did eventually show up there, after restarting a few dozen times more (I was doing other things as well). I will stick to HACS to add custom cards in the future. Thank you again for your help.

9

Happy it worked, please mark one of the posts for ‘Solution’ so others can use this as well if/any :slight_smile: