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.

    MMM-DarkSkyForecast - Yet ANOTHER weather module

    Scheduled Pinned Locked Moved Utilities
    334 Posts 67 Posters 743.7k Views 74 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.
    • C Offline
      chris1971
      last edited by

      Noob need some advice: Wunderground was running properly untill my API key expired. Now I try to install DarkSKy. I have updated MM to 2.6.0 and installed MMM-DarkSkyForecast and got a newe folder home/pi/MagicMirror/MMM-DarkSkyForecast.

      How can I implement the module that its’s running? What do I have to change:

      config.js:
      {
      module: “MMM-DarkSkyForecast”,
      header: “Weather”,
      position: “top_right”,
      classes: “default everyone”,
      disabled: false,
      config: {
      apikey: “xxxxxxxxxxxxxxxxxxxxxxx”,
      latitude: “51.4185682”,
      longitude: “6.8845226”,
      iconset: “4c”,
      concise: false,
      forecastLayout: “table”
      }
      },

      J 1 Reply Last reply Reply Quote 0
      • C Offline
        chris1971
        last edited by chris1971

        So, I have added the nice module. I have to adjust the size - who can give some tips/ advice to bring the module in shape?

        0_1551897419895_Screenshot1.jpg

        I would like to have it in this shape:

        0_1551897514823_Bild1.jpg

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

          @chris1971

          I think this should do it for you. In your config entry

          forecastLayout: "tiled"

          Create a working config
          How to add modules

          1 Reply Last reply Reply Quote 0
          • C Offline
            chris1971
            last edited by

            Yes, have “tiled” in the config - but the size is not like in the pic…the module is shown over the entire right screen size… pls. refer to the upper picture…

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

              @chris1971 said in MMM-DarkSkyForecast - Yet ANOTHER weather module:

              Yes, have “tiled” in the config

              Oh, I’m sorry, because your config entry above says, forecastLayout: "table",

              Create a working config
              How to add modules

              1 Reply Last reply Reply Quote 0
              • C Offline
                chris1971
                last edited by

                sorry - I copied the config of an older status…

                lavolp3L 1 Reply Last reply Reply Quote 0
                • lavolp3L Offline
                  lavolp3 Module Developer @chris1971
                  last edited by lavolp3

                  @chris1971 Well the module gets wrapped because it doesn’t have enough space in the right bar.
                  You could

                  • exclude details in the forecast section (there’s an option)
                  • give the right bar more space by determining it’s width with css
                  • let the module show only 2 forecast items of each (instead of the 3 you have currently) (also via config options)

                  How to troubleshoot modules
                  MMM-soccer v2, MMM-AVStock

                  1 Reply Last reply Reply Quote 0
                  • lavolp3L Offline
                    lavolp3 Module Developer
                    last edited by lavolp3

                    And of course you could switch off the long forecast text. I THINK you can do that as well via config options.

                    Go through the options of the module, there’s a LOT to adjust.

                    How to troubleshoot modules
                    MMM-soccer v2, MMM-AVStock

                    1 Reply Last reply Reply Quote 0
                    • C Offline
                      chris1971
                      last edited by chris1971

                      thanks- I tried to reduce the size of the long forecast text - do you know how to adjust? I think I have to do this in the DarkSky.css…

                      1 Reply Last reply Reply Quote 0
                      • C Offline
                        chris1971
                        last edited by chris1971

                        The adjustment of the width was the key factor… thx…
                        0_1551987141762_20190307_202606.jpg

                        But I do not found out how to adjust the font size or position of the long forecast text… Do I have to do this in the custom.css?

                        This is my try in the custom.css - but seem not to work as expected…

                        }

                        .MMM-DarkSkyForecast .module-content {
                        width: 400px;
                        }

                        .MMM-DarkSkyForecast .wrapper.tiled .forecast-container .forecast-item .wind-container,
                        .MMM-DarkSkyForecast .wrapper.table .forecast-container .forecast-item .precipitation-container,
                        .MMM-DarkSkyForecast .wrapper.table .forecast-container .forecast-item .wind-container {
                        display: none;
                        }
                        }
                        .MMM-DarkSkyForecast .wrapper.table .forecast-container .forecast-item > span,
                        .MMM-DarkSkyForecast .wrapper.table .forecast-container .header-row > span {
                        font-size: 4px;
                        }
                        }

                        .MMM-DarkSkyForecast .attribution {
                        font-size: 10px;
                        line-height: 5px;
                        color: #333;
                        text-align: left;
                        }

                        1 Reply Last reply Reply Quote 0
                        • 1
                        • 2
                        • 14
                        • 15
                        • 16
                        • 17
                        • 18
                        • 33
                        • 34
                        • 16 / 34
                        • 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