Customising the BOM Weather and lovelace - now in HACS

Is this what you’re after? From config/www/community/bom-weather-card/bom-weather-card.js.

// ##### 
// ##### Register the card as a customElement
// #####
customElements.define('bom-weather-card', BOMWeatherCard);

Yeah that’s what I wanted. Just wanted to be sure it’s downloaded in raw mode.

You did clear your cache right? If using chrome, Press F12 and right click the refresh button so you can select Empty Cache and Hard Reload.

If not chrome, which browser?

Also… copy paste the whole lovelace for resources and this card and I’ll run it up in a VM.

1 Like

Your post helped me to identify the problem… I pasted in my text as per the example here and left in the leading - on the first line. I saw there were two leading dashes in the raw lovelace config so removed it and it’s working. Probably my ignorance, but I assumed the leading dash was required.

Just missing the icons now. Thanks… yet again!

icons… just download the zip file and make sure you have them in the right place
\config\www\icons\weather_icons


With appropriate icons in the folders

1 Like

Thanks again, I downloaded the weather icons and it’s all working not. Thanks so much for your help and for putting the card together, it looks awesome.

1 Like

Just a heads up everyone.

I updated this card today. There is a thread on here with some extra svg icons. I changed the colours to match the scheme of the existing ones and made some static ones for them as well. I made a new Icons ZIP file you will need to download to get the new icons. If you DON’T do that then you will have blank icons on the card until you do. Just overwrite the existing icons with the new ones.

The new icons are a big larger as well…
Here is an example

4 Likes

Hi

New to HA and have come up against a problem that I can’t solve (not through lack of trying!). I can’t get the icons on the main weather card to show. I get this…


Tool tips are showing. I can see all the icons on the ‘BOM Weather card’.

I have the icons in /config/www/icons/bom_icons. I wasn’t sure if they also needed to go in ......./weather_icons, so I tried that and no result. I’d appreciate someone pointing me in the right direction.

Cheers

as per the docs…
/config/www/icons/weather_icons/animated
You are conflating the static card example for the FTP component which uses that other path

Note to everyone…

I updated the card again (added an icon haze)
Also… I made the icons a bit smaller (the new ones) See what you think

Thanks for the advice David. It was fairly simple after you pointed me in the right direction (and I read the docs a bit more carefully:grinning:).

1 Like

The new icons seem a bit large compared to the existing ones on my card (see Thurs):

Screenshot_2020-02-24 Home Assistant

Yet nick’s above does not look quite so out of place. What gives?

Yeah I updated them today… made a little smaller… but you will need to clear cache to make them behave (worse on mobile)

1 Like

Thanks, I’ll download them again and give it a go later tonight.

The card was updated as well. I made one for hazy and dusty…

I grabbed the weather icons zip file from your repository, copied to my config and refreshed… same icon size.

Notice the zip archive was older than your icon directories so grabbed them and now all good. :+1:

hmm… I’m sure I updated that yesterday too

ah I see… it’s in the icons folder your one and mine is in the root. I’ll copy the zip to that folder… you’re in my personal repo there, not the card repo…

Ah. That would explain it.

A few people less than loved the new icons… I’m a bit ambivalent myself TBH. Anyway, there is a weather_icons_OLD.zip file where I overwrite the new icons with the old ones. So download that zip if you hate the new ones and overwrite your icons. Don’t forget to refresh cache a few times.
I don’t recommend reverting to the old card otherwise you will eventually update and break it again…

1 Like