MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.

    Throwing down the gauntlet

    Scheduled Pinned Locked Moved Troubleshooting
    85 Posts 11 Posters 97.7k Views 11 Watching
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • jproehlJ Offline
      jproehl
      last edited by

      Hi:

      Newbie here: I really like the design layout you’ve come up with - Kudos! However, can’t make heads or tails out of exactly what code I put where? Are the lines you list placed in config.js or in custom.css? If possible, can you post the part of your config.js and/or custom.css files (with appid and any other personal info erased, of course) that gives this display?

      Thanks!
      jproehl

      strawberry 3.141S Mykle1M 2 Replies Last reply Reply Quote 0
      • strawberry 3.141S Offline
        strawberry 3.141 Project Sponsor Module Developer @jproehl
        last edited by

        @jproehl all I posted here goes into the custom.css file

        Please create a github issue if you need help, so I can keep track

        jproehlJ 1 Reply Last reply Reply Quote 0
        • jproehlJ Offline
          jproehl @strawberry 3.141
          last edited by

          @strawberry-3.141 What do you put into your config.js file?

          1 Reply Last reply Reply Quote 0
          • Mykle1M Offline
            Mykle1 Project Sponsor Module Developer @jproehl
            last edited by

            @jproehl said in Throwing down the gauntlet:

            I really like the design layout you’ve come up with - Kudos!

            Thanks! It’s just how I pictured it, but it only happened through the goodwill of Strawberry 3.141

            Create a working config
            How to add modules

            jproehlJ 1 Reply Last reply Reply Quote 0
            • jproehlJ Offline
              jproehl @Mykle1
              last edited by jproehl

              @Mykle1 and/or @strawberry-3.141: I’m still having problems getting things to look like Mykle’s. If I just put those 9 lines in my custom.css file and have no reference to the MMM-WunderGround module in my config.js file, I get nothing displayed for my weather info. Does this mean that the custom.css file isn’t being read? Do I have to place my custom.css file somewhere other than pi/MagicMirror/css/?

              When I add references to the MMM-WunderGround module in config.js, I get the weather info, but I do not get the format you have. Presumably the parameters set in the module reference override the custom.css info in some way.

              That’s why I was wondering what you have in your config.js file to initiate the MMM-WunderGround module.

              Mykle1M 1 Reply Last reply Reply Quote 0
              • Mykle1M Offline
                Mykle1 Project Sponsor Module Developer @jproehl
                last edited by

                @jproehl said in Throwing down the gauntlet:

                I’m still having problems getting things to look like Mykle’s.

                My design/layout ideas are in high demand. :thumbsup_tone1:

                This is my entry in the config. Yes, there are 2 entries. One is for the current weather and one is for the weather forecast, only seperate and in different locations. You still have to enter what Strawberry told you to enter in your custom.css file. Then all should be well.

                {
                    			module: 'MMM-WunderGround',
                    			position: 'top_center',
                    			config: {
                        		apikey: 'YOUR API KEY', // private; don't share!
                        		pws: 'pws:KNYNEWYO103', // Richmondtown Weather Station - Very Cool
                			currentweather: 1,
                        		coloricon: true,
                        		hourly: '0',
                        		fctext: '1',
                        		fcdaycount: "10",
                        		fcdaystart: "0",
                        		hourlyinterval: "2",
                        		hourlycount: "1",
                			animationSpeed: 5000,
                        		alerttime: 10000,
                        		alerttruncatestring: "english:",
                    			roundTmpDecs: 0,
                    			UseCardinals: 1,
                    			layout: "vertical",
                			windunits: "mph",
                    			sysstat: "0"
                			}
                		},
                		{
                    			module: 'MMM-WunderGround',
                    			position: 'top_right',
                    			config: {
                        		apikey: 'YOUR API KEY AGAIN', // private; don't share!
                        		pws: 'pws:KNYNEWYO103', // Richmondtown Weather Station - Very Cool
                			currentweather: 0,
                        		coloricon: true,
                        		hourly: '1',
                        		fctext: '1',
                        		fcdaycount: "10",
                        		fcdaystart: "1",
                        		hourlyinterval: "2",
                        		hourlycount: "1",
                			animationSpeed: 5000,
                        		alerttime: 10000,
                        		alerttruncatestring: "english:",
                    			roundTmpDecs: 0,
                    			UseCardinals: 1,
                    			layout: "vertical",
                			windunits: "mph",
                    			sysstat: "0"
                			}
                		},
                

                Create a working config
                How to add modules

                jproehlJ 1 Reply Last reply Reply Quote 1
                • jproehlJ Offline
                  jproehl @Mykle1
                  last edited by

                  @Mykle1 Thanks! I’m much closer. There are a couple of minor differences that I’m trying to ferret out:

                  1. I had to change a few lines in your module call to MMM-WunderGround for the current weather - I zeroed out the fctext, fcdaycount, hourlyinterval and hourlycount otherwise I got the forecast right below the current conditions in addition to the one at upper-right

                  2. Under my current conditions color icon/temperature, I see a line with two thermometers and an umbrella (i.e. the header for the forecasts) which I have no idea how to get rid of. I believe the changes I made under 1) should have removed any call for a forecast.

                  3. I do not get any color changes like you have in the forecast at the upper right. Did you have to change something else to get those?

                  Thanks a bunch!

                  Mykle1M J 3 Replies Last reply Reply Quote 0
                  • Mykle1M Offline
                    Mykle1 Project Sponsor Module Developer @jproehl
                    last edited by

                    @jproehl said in Throwing down the gauntlet:

                    I believe the changes I made under 1) should have removed any call for a forecast.

                    This page will explain the effects of the individual config changes that you made.
                    https://github.com/RedNax67/MMM-WunderGround

                    Create a working config
                    How to add modules

                    jproehlJ 1 Reply Last reply Reply Quote 0
                    • Mykle1M Offline
                      Mykle1 Project Sponsor Module Developer @jproehl
                      last edited by

                      @jproehl said in Throwing down the gauntlet:

                      I do not get any color changes like you have in the forecast at the upper right. Did you have to change something else to get those?

                      This goes in your custom.css file for the coloring that I have. You can change the colors to your liking

                      .MMM-WunderGround .max-temp {
                        color: #f66;
                      }
                      
                      .MMM-WunderGround .min-temp {
                        color: #0ff;
                      }
                      
                      .MMM-WunderGround .weather-icon {
                        color: #f93;
                      }
                      
                      .MMM-WunderGround .day {
                        color: #6f6;
                      }
                      

                      Create a working config
                      How to add modules

                      1 Reply Last reply Reply Quote 0
                      • jproehlJ Offline
                        jproehl @Mykle1
                        last edited by jproehl

                        @Mykle1 and/or @strawberry-3.141:

                        Great, thanks for the color update, I’ll try that in a minute.

                        As for the current weather, I’ve been looking at the web page for MMM-WunderGround extensively. I don’t think all the changes I made to your current weather module call to WWW-WunderGround in your config.js were necessary, but I thought I should try to shut off ALL parameters that were possibly related to the forecast to see if I could get rid of that last line of header symbols used for the forecast. None did, because I still have those 3 icons (max thermometer, min thermometer and the umbrella) right below the current conditions icon and current temperature.

                        Mykle1M 1 Reply Last reply Reply Quote 0
                        • 1
                        • 2
                        • 3
                        • 4
                        • 5
                        • 8
                        • 9
                        • 2 / 9
                        • First post
                          Last post
                        Enjoying MagicMirror? Please consider a donation!
                        MagicMirror created by Michael Teeuw.
                        Forum managed by Sam, technical setup by Karsten.
                        This forum is using NodeBB as its core | Contributors
                        Contact | Privacy Policy