Custom element doens't exist (custom card)

Hi,

I am new to HA. I’ve setup some basic cards. They work great and are easy to add. Now I want to add custom cards but I can’t get them work. I don’t get the theory behind it.

I would like to add Atomic calendar. (https://github.com/atomic7777/atomic_calendar). I’ve add the js file to my www folder and added this line to my ui-lovelace.yaml file:

resources:
 - url: /local/atomic_calendar.js
    type: module

That should complete the installation but if I try to add a card with this type: “type”: “custom:atomic_calendar” it tells me: Custom element doesn’t exist: atomic_calendar.

One thing I don’t get is where the ui-lovelace.yaml should be mentioned, because there is no reference in the configuration.yaml file? I have to feeling that whatever I put in the ui-lovelace.yaml is not loaded. Should I change the configuration to yaml mode?

That is not needed.
Have a look here https://github.com/thomasloven/hass-config/wiki/Lovelace-Plugins

Did you happen to read my reply to you in the other thread where you posted on this exact same topic?

Thank you so much. This was the info I needed :slight_smile:

I did but I though it was better to open a new topic because it has more to do with general configration then with the specific plugin. Thank you for you help

The problem was that I was putting my config in the ui-lovelace.yaml file but I do not use the yaml mode yet.