Lovelace: Flexible Horseshoe Card (Donut graph, flexible layout, multiple entities, actions & animations), including next-gen experimental examples

Lionmpower · November 22, 2024, 2:17pm

Is the project still alive? I can’t make it work at all

Karumbe · December 6, 2024, 12:03pm

Color name between ‘’ works

zlakes01 · January 16, 2025, 10:41am

Is it possible to change font color? I have tested several metods and nothing works.

tomei64 · March 8, 2025, 9:42am

the card is great and works like a charm. I use it mainly to display solar and electric car battery status.
The only limitation I have: instead of an icon I want to display an svg or png image. Any idea if feasible and how to do that?

RedBull · March 15, 2025, 8:21am

Last Update CORE, Stop working card… solution?

FI-153 · March 16, 2025, 9:08am

The developer fixed it, and it works again, thank you!

igapon · March 20, 2025, 7:55am

The same here.
Stopped working after CORE/os upgrade.

Getting ‘ Custom element doesn’t exist’ error on the dashboard

tomei64 · March 20, 2025, 10:33am

Exactly the same problem since yesterday, after reboot the card cannot be found in lovelace. Tried to remove and HACS re-install, error persists.
Really annoying after all the work spent especially on this great UI component. Any ideas how to recover?

Sargon · March 20, 2025, 11:52am

Maybe this will help:

github.com/AmoebeLabs/flex-horseshoe-card

Getting an error after latest HA update these cards are having issues loading

opened 03:01AM - 19 Mar 24 UTC

Shredder5262

Since the latest HA frontend and supervisor update i am experiencing a lot of er…rors, one of those things is that the horseshoe cards are not wanting to load when i first navigate to a page on the dashboard, It is not until i refresh that they load. This was not an issue prior to updating. Strangely one of the cards i had for a PC in my home just disappeared for no reason..there are some other things that have disappeared as well so the disappearance may be related to the update, but just mentioning it here. I see this error message in the logs. Logger: frontend.js.latest.202403070 Source: components/system_log/__init__.py:306 First occurred: 5:13:44 PM (3 occurrences) Last logged: 9:56:16 PM Uncaught error from Chrome 122.0.0.0 on Windows 10 TypeError: Cannot read properties of undefined (reading 'substr') FlexHorseshoeCard._colorToRGBA (/hacsfiles/flex-horseshoe-card/flex-horseshoe-card.js:1952:24) FlexHorseshoeCard._getGradientValue (/hacsfiles/flex-horseshoe-card/flex-horseshoe-card.js:1893:33) FlexHorseshoeCard._calculateStrokeColor (/hacsfiles/flex-horseshoe-card/flex-horseshoe-card.js:1822:17) set hass (/hacsfiles/flex-horseshoe-card/flex-horseshoe-card.js:783:29) createCardElement (src/panels/lovelace/cards/hui-stack-card.ts:107:21) createCardElement (src/panels/lovelace/cards/hui-stack-card.ts:124:27) createCardElement (src/panels/lovelace/cards/hui-stack-card.ts:113:13) dispatchEvent (src/common/dom/fire_event.ts:76:7) tag.includes (src/panels/lovelace/create-element/create-element-base.ts:136:14)

tomei64 · March 21, 2025, 12:45am

Great, that solved it! Thx a lot

caspervanzyl · May 8, 2025, 12:33pm

I’m losing my mind here. How does one get this card installed? Every single thing I’ve tried just gets me nowhere.

I’ve installed through HACS and tried adding the resources to the resource list (dashboard, menu, resources, etc.). Nothing
I’ve downloaded it separately and put it in the custom components folder and added the references to the resource list (even tried in the configuration.yaml). Nothing

Can anyone explain the process in detail and with examples, because I must be missing something obvious. Every other custom card simply installs and is usable.

Please?