Finally started using your card due to time shortage and a 3Dprinter that came by but this is really looking great, will this be updated to the github repo also?
From that issue, it looks like [email protected] has now been cleared in the unpkg cache so this may just need the cache in your browser to be cleared and probably a force reload for good measure.
In Chrome, if you have the developer tools open, you can hold down on the Reload button and select “Empty Cache and Hard Reload” to quickly do both.
Can someone help me out? I’m really loving the card. I am using it for my home electric and gas usage.
I am having trouble with ons of the sensors (sensor.hourly_gas_consumption). Sometimes the value of the sensor is unknown. When that happens the horseshoe for that specific sensor dissapears and Lovelace starts acting very strange on refresh. When I use another sensor with a value in the same code, the horseshoe works fine. Hope someone has some ideas?
Hi, I found your great card and love it Started with some basic, but are stuck on the ‘colorstopgradient’ fill type (also tested with only ‘colorstop’). According to a reply you made to another post, this should work, but it doesn’t.
It doesn’t seem to accept the colors specified in ‘horseshoe_scale:’ and only uses the last listing.
My final gold would be a gradient transition from dark blue, light blue, orange, green and ending with red based on temperatures from -10 to 30 degrees Celsius.
Is anyone else having issues with the flex-horseshoe-card not loading today? Mine have been working fine up until today, now I get Custom element doesn’t exist errors.
No changes have been made to my system, I’ve also tried uninstalling and reinstalling the plugin with no joy.
I already opened an issue on Github but I did not get an answer yet so I thought I try it here.
I installed the card via HACS, added the URL to the lovelace resources and copied the basic example. All I see is “No horseshoe scale defined”. After removing various elements to see if other messages show up, I ended with this:
- type: 'custom:flex-horseshoe-card'
entities:
- entity: weather.dark_sky
attribute: temperature
decimals: 1
unit: °C
area: De Maan
layout:
horseshoe_scale:
min: -10
max: 40
I tried all kinds of combinations but it always goes back to this message. I am not using the declutter card.
Any ideas what is going wrong here?
In case you’re still struggling with this I think I can see what’s wrong…
It looks to me like your yaml indentation is incorrect, layout should be in line with horseshoe_scale.
Also, some of the sections you have now removed are required for the card to function correctly (i.e everything inside the layout section like areas, names or states) so resolving the first issue alone will not suffice.
I think you will probably be better of starting again with a different example from the Github repo - I would suggest copying the code directly from the raw version of the official example yaml file to avoid indentation problems. This can be found here.
This is because I had a very similar issues after copying the example from the Github readme page, copying the code from the raw example instead instantly fixed it for me!
Thanks Jim. Now I don’t have that error any more. Instead I have… nothing! Absolutely nothing… I created a test tab and placed only one card on it. Or at least I intended to but nothing shows up. The tab is empty except for the badge.
Here is the extract from the lovelace raw editor:
- title: Test
path: test
badges:
- entity: sensor.dark_sky_apparent_temperature
cards:
- type: 'custom:flex-horseshoe-card'
entities:
- entity: weather.dark_sky
attribute: temperature
decimals: 1
area: De Maan
unit: °C
show:
horseshoe_style: lineargradient
layout:
states:
- id: 0
entity_index: 0
xpos: 50
ypos: 60
styles:
- font-size: 3.5em;
areas:
- id: 0
entity_index: 0
xpos: 50
ypos: 35
styles:
- font-size: 1.5em;
- opacity: 0.8;
horseshoe_scale:
min: -10
max: 40
color_stops:
'10': red
'18': blue
One thing that I noticed is that the editor removed the quotes around ‘°C’ and around ‘lineargradient’ and changed the quotes in ‘color_stops:’ from 10: ‘red’ to ‘10’: red. I tried to correct that several times but every time I click on save it puts the quotes back again. Is that “normal”?
For testing purposes I removed the color_stop entries and the scale entries and then I get error messages. So the card as such is there but it does not show any content. Did I miss anything else?
Hmm, I can confirm the code you posted above is now fine and is working for me. The behavior you’re experiencing with the quotation marks is perfectly normal - it just looks a little bizarre!
No idea why it’s not working for you though. I’d probably start by restarting Home Assistant and then reinstalling the horseshoe card again - if restarting doesn’t fix it. Also worth clearing history etc. in your browser (or loading the page in a private browsing session) as it could maybe be a cache issue?
I’ve updated my test system to 0.106.0b1 to check config ahead of the release next week and have an issue with some of my flex-horseshoe-cards, I use them to display various sensor readings throughout lovelace pages, my temperature/humidity sensors display fine but where I have them displaying network and system stats I get red error boxes saying ‘Cannot add property tap_action, object is not extensible’.
This is the code for my speedtest stats on my internet connection, apart from the sensor entity and scale information the code is identical to the temperature/humidity cards that display fine, has anyone else come across this?
I know there are changes in 0.106 that affect custom cards but I’m confused as to why some work and some don’t when the code is identical.
Started with some basic, but are stuck on the ‘colorstopgradient’ fill type (also tested with only ‘colorstop’). According to a reply you made to another post, this should work, but it doesn’t.
