New weather card - Weather-Forecast-Extended

Share your Projects! Dashboards & Frontend
82

Sorry for not replying the last week.
Was sick and I’m also out for holidays in a week.
So will take some time until the next fixes / new features.

But seasonal images are already on the todo list and there’s also a Github issue about it.
ChatGPT is sadly still not able to build a whole new set of the same conditions in one request and also not in the needed resolution / aspect ratio.
So this is quite some donkey work, where I need some spare time and motivation for. :face_with_peeking_eye::upside_down_face:

Custom images have also been requested before and there’s also an open Github issue.
I liked the idea there, to use an image entity instead of a fixed condition → image mapping.
That way, even more complex ideas would be possible.
Like handing the current condition and your outdoor camera picture to an AI task and generate a comic style weather scene from it.

1 Like
83

Hi All - I have been using the card on one of my Dashboards. I like it, but ran into an issue. I have not officially reported it, but think I figured out the problem… My primary weather source is NWS (Nation Weather Service). The location I look at is local to my house at ACY airport. THat NOAA/NWS location has Twice Daily and Hourly available. Due to the Twice Daily rather than Daily, the card will not display the daily forecast. See the clips below and I will post this as a feature request. First Shot is using Google Weather as the source and second is NWS. Third shot is using NWS with the Clock Weather Card.

image
image1520×683 209 KB

84

Do you know how the Clock Weather Card handles this?
Are the daily and the nightly forecast displayed as a combined item for the whole day?

Currently thinking about how this coiuld be implemented the best way.
As the daily forecast uses the bars for min/max temperature, seperated day and night items might not make that much sense.

So combining them might be a good way.
Just not sure how that should be done.

A few thoughts:

  • Weather condition / icon of the day
  • Summed rain ammount
  • How to calculate the chance of rain (larger value?)
  • Custom attributes might be an even larger problem

Any feedback is welcome. :wink:

85

Hi, love the card but I’d prefer a more compact version for my main dashboard. Something like this:

Skärmavbild 2026-02-24 kl. 07.50.04
Skärmavbild 2026-02-24 kl. 07.50.04644×588 160 KB

I tried hiding the temp bars and precipitation info with CSS but it didn’t affect the total card height. Couldn’t get the card to shrink down without going outside of hui-card and setting height: auto for .card.fit-rows. Which I’m assuming is a bad idea, and anyway not achievable through card-mod afaik. I’m a noob to HA and haven’t used CSS since way before flexbox was a thing though, so maybe I’m missing something obvious.

Still, would it be possible to add options to hide temp bars and precipitation?

Edit: Sorry, I’m stupid. I just needed rows: auto in the YAML. It works fine now.

type: custom:weather-forecast-extended-card
entity: weather.forecast_hem
hourly_forecast: false
daily_forecast: true
orientation: vertical
use_night_header_backgrounds: true
grid_options:
  rows: auto
card_mod:
  style: |
    .temperature-bar {
      display: none !important;
    }

    .precipitation {
      display: none !important;
    }
2 Likes
86

Hi @Thyraz, I’ve raised a PR a few days ago that should fix the issue I’d reported in Jan earlier this year on Shelly Wall Displays

I’d be great if you can take a look and approve it :slight_smile:

1 Like
87

Sorry for the late reply. I was on a ski holiday.
Thanks for the investigation and the fix. :slight_smile:
Will be included in the next release.

1 Like
88

No worries and thanks!