MagicMirror² v2.4.1 is available! For more information about this release, check out this topic.
Please read the release notes carefully since this update requires adjustments to your Raspberry Pi configuration!

How to convert weatherforecast disaplay



  • I would like to convert weatherforecast (from Default module) form vertical to Horizontal like the photo.
    0_1494842981392_New Picture.jpg

    someone help me to convert, Thanks so much



  • @nobita Did you ever get this figured out?



  • I did not tried but with MMM-MyWeather you can configure horizontal.
    Maybe it’s what you’r looking for 🙂



  • @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.



  • @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):
    0_1524943425646_screen-test.PNG

    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!