karlis-vagalis / circular-timer-card

Custom Home Assistant card to display timer countdowns using D3.js
MIT License
36 stars 8 forks source link

Custom card will not load #5

Closed jmc5105 closed 10 months ago

jmc5105 commented 11 months ago

This card is beautiful and I definitely want to use it. Unfortunately, the custom card will not load.

karlis-vagalis commented 11 months ago

Could you please provide more details and context? Did it work and now it does not? What do the browser console logs say?

thomluther commented 10 months ago

I have an issue with the card as well when using Firefox for the UI. It loads only in the companion app and Edge. So it may be browser dependent whether the card loads or not. In FF I just see ‘custom element does not exist’ for this particular card, although I restarted the browser and system multiple times, so it cannot be a caching issue. It is actually the only card where I see this type of issue in FF and I use a lot of various custom cards. In the console I cannot see any obvious error, but I'm not a web developper to really debug this browser error.

Node815 commented 10 months ago

My setup: image After saving this and even restarting Home Assistant I get the following:

image

Companion App (Android), Firefox and Vivaldi browser all show the same thing: image

Edit To add that my installation method was via HACS

thomluther commented 10 months ago

My setup: image After saving this and even restarting Home Assistant I get the following:

image

Companion App (Android), Firefox and Vivaldi browser all show the same thing: image

Edit To add that my installation method was via HACS

This looks more like you have not defined the timer.single entity. You need a valid timer entity to be displayed in the card.

Node815 commented 10 months ago

Thanks! I've never worked with timers in Home Assistant this way so I didn't realize I needed to define it in my configuration.yaml first. I got it running as expected after I did this.

karlis-vagalis commented 10 months ago

Closed due to inactivity