You’ll find it above, where i shared the full code
type: vertical-stack
cards:
- entity: weather.forecast_home
show_current: false
show_forecast: true
type: weather-forecast
card_mod:
style: |
ha-card {
font-size: 0pt;
margin: -60px -20px -80px 30px;
}
ha-card div.forecast div.temp {
font-size: 0pt;
}
ha-card div.forecast div.forecast-image-icon svg {
width: 35px;
height: 35px
}
Kelvin
April 7, 2023, 10:18am
371
Thank you I will have a play around.
Faecon
April 8, 2023, 5:43pm
372
scstraus:
weatherflow
I have “Custom element doesn’t exist: vertical-stack-in-card.”
Install it then, either manual or through HACS
1 Like
Faecon
April 8, 2023, 7:00pm
374
I did it with hacs but it doesn’t work
Reboot ha, not restart … and … again again again and again
Yeah it’s kind of a pain in the ass that one. I’ve found I have to move the card into the hacs folder rather than the subfolder that hacs installs it in.
patmans
May 10, 2023, 3:39pm
377
This project is not being actively maintained, if anyone has a good alternative let me know - it sure would be nice to have a working solution in the main HA, and if not that in HACS.
Pirol62
May 10, 2023, 4:13pm
378
The card works fluently here
hajo62
May 13, 2023, 8:54pm
379
Hhm, strange.
Had installed via HACS.custom_components/hacs to www/community.
honestly, I feel we’re better off moving away from this card, in all of our efforts to mimic it… there are several viable options to replace it, and make it even more flexible.
personally I use several separated cards, and get what I want.
just fiddled about with this:
- type: entities
entities:
- entity: weather.buienradar
card_mod:
style:
hui-generic-entity-row $: |
.info {
display: none;
}
type: custom:multiple-entity-row
toggle: false
show_state: false
state_color: false
entities:
- entity: sensor.buienradar_temperature
name: Temp
- entity: sensor.buienradar_wind_force
name: Bft
- entity: sensor.buienradar_wind_direction
name: Richting
- entity: sensor.buienradar_pressure
name: Lucht
- entity: sensor.buienradar_precipitation
name: Neerslag
- entity: sensor.buienradar_goes_irradiance
name: Zon
- entity: sensor.buienradar_humidity
name: Vocht
# - entity: sensor.buienradar_barometer
# name: Bar
to make a single entity entities card show like
could have done something like this with button-card probably, and even ditch the multiple-entity-card, which ofc is yet another custom card required for this…
I’ll have a look if I can outline the names in a straight horizontal line, but other than that combine it with
and have all I need
1 Like
I replaced mine with 2 separate cards, that looks quite similar to the original (and can be gui-reconfigured to show other attributes):
Todays weather via platinum-weather-card and card-mod to remove empty spaces for the first row:
type: custom:platinum-weather-card
card_config_version: 8
entity_forecast_icon: weather.home
entity_forecast_icon_1: weather.home
entity_forecast_max: weather.home
entity_forecast_max_1: weather.home
entity_forecast_min: weather.home
entity_forecast_min_1: weather.home
entity_humidity: weather.home
entity_pop: weather.home
entity_pos: weather.home
entity_pos_1: weather.home
entity_pressure: weather.home
entity_summary_1: weather.home
entity_sun: sun.sun
entity_temperature: weather.home
entity_wind_bearing: weather.home
entity_wind_speed: weather.home
option_color_fire_danger: false
option_locale: de
option_show_overview_decimals: false
option_show_overview_separator: false
option_static_icons: false
option_time_format: 24hour
option_today_rainfall_decimals: false
option_today_temperature_decimals: false
section_order:
- overview
- extended
- slots
- daily_forecast
show_section_daily_forecast: false
show_section_extended: false
show_section_overview: true
show_section_slots: true
slot_l1: forecast_min
slot_l2: remove
slot_l3: remove
slot_l4: sun_next
slot_l5: remove
slot_l6: remove
slot_l7: remove
slot_l8: remove
slot_r1: forecast_max
slot_r2: remove
slot_r3: remove
slot_r4: sun_following
slot_r5: remove
slot_r6: remove
slot_r7: remove
slot_r8: remove
card_mod:
style: |
.top-left {
height: 60px;
margin-top: 0px;
}
.big-icon {
height: 100%;
width: 100%;
}
.overview-section,
.slot-section {
padding:0;
}
and 5day forecast via apex charts:
type: custom:apexcharts-card
graph_span: 5d
span:
start: day
offset: +1d
header:
show: false
show_states: false
all_series_config:
stroke_width: 2
group_by:
func: last
duration: 1d
start_with_last: true
now:
show: true
apex_config:
plotOptions:
bar:
columnWidth: 30%
legend:
show: false
xaxis:
labels:
format: ddd
tooltip:
enabled: false
tooltip:
x:
format: ddd dd. MMM.
yaxis:
- id: temp
min: ~0
max: auto
decimals: 0
series:
- entity: weather.home
name: min.
yaxis_id: temp
unit: °C
type: line
color: green
data_generator: |
return entity.attributes.forecast.map((entry) =>
{
var date = new Date(entry.datetime);
return [date, entry.templow];
});
show:
datalabels: false
- entity: weather.home
name: max.
yaxis_id: temp
unit: °C
type: line
color: '#FFBF00'
data_generator: |
return entity.attributes.forecast.map((entry) =>
{
var date = new Date(entry.datetime);
return [date, entry.temperature];
});
show:
datalabels: false
- entity: weather.home
name: Precip
yaxis_id: mm
unit: mm
type: column
color: '#6495ED'
data_generator: |
return entity.attributes.forecast.map((entry) =>
{
var date = new Date(entry.datetime);
return [date, entry.precipitation];
});
show:
datalabels: true
2 Likes
thx, thats a nice alternative.
Can confirm it to work nicely, using Buienradar as weather source here.
I have custom element doesn’t exist error after updating HA to 2023.7.3, but it was working before.
hajo62
August 25, 2023, 6:59am
384
I see the same. I removed the integration via HACS and reinstalled, I removed the folder manually and reinstalled via HACS. And checked on a second computer with Firefox and Chrome and I cleared the caches.
2023.9 introduced changes related to forecast data.Created an issue.
I think this only affected the BOM weather integration and there is a fix PR already waiting to be merged
The issue you created is not even for this card
It is for the card from the 1st post.
Ah crap you’re right. My bad. Sorry about that
1 Like
weemaba999
October 30, 2023, 1:31pm
389
Hi,
Do you mind sharing your config for this card ? Looks very awesome !
Kr,
Bart
maybe already more than that, since it doubles some info…
