How to convert weatherforecast disaplay

mkastern

@kruemel - I have used that version to display a horizontal table of the extended forecast, but it isn’t in a format that looks as nice as the above picture. I am considering modifying a different weather module that has better formatting, but was checking to see if someone else has already gone through that effort first.

kruemel

@mkastern Maybe you are still interested.
I tested alot for an idea i had and now i just modified the weatherforecast.css to get this result (top left):

Made this changes:

td { 
  display: block;
  padding-right: 25px
}
tr { display: inline-block;}

.weatherforecast .day {
  padding-left: 5px;
}

.weatherforecast .weather-icon {
  padding-left: 5px;
}

.weatherforecast .max-temp {
  
}

.weatherforecast .min-temp {
 
}

But keep in mind, after an update of MM, your changes get overwritten because it’s an integrated module!

redeyes

Hi

I managed to created something similar with the help of chatgpt let me know if interested

miguelcartagena

@redeyes can you please share the css/js configuration you have? I’m interested on having a horizontal bar for weather forecast just like yours.

CharlesBarden

Can you please let us know which format are you trying to covert the weather forecast?

Eli

@redeyes wow, looks good!
I would also be interested in that changes. Is that uploaded somewhere already?