• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
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 714.1k 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 Mar 6, 2019, 4:08 PM

    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 Mar 8, 2019, 8:31 AM Reply Quote 0
    • C Offline
      chris1971
      last edited by chris1971 Mar 6, 2019, 6:38 PM Mar 6, 2019, 6:37 PM

      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

      M 1 Reply Last reply Mar 7, 2019, 12:42 AM Reply Quote 0
      • M Offline
        Mykle1 Project Sponsor Module Developer @chris1971
        last edited by Mar 7, 2019, 12:42 AM

        @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 Mar 7, 2019, 6:45 AM

          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…

          M 1 Reply Last reply Mar 7, 2019, 12:41 PM Reply Quote 0
          • M Offline
            Mykle1 Project Sponsor Module Developer @chris1971
            last edited by Mar 7, 2019, 12:41 PM

            @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 Mar 7, 2019, 4:56 PM

              sorry - I copied the config of an older status…

              L 1 Reply Last reply Mar 7, 2019, 5:18 PM Reply Quote 0
              • L Offline
                lavolp3 Module Developer @chris1971
                last edited by lavolp3 Mar 7, 2019, 5:21 PM Mar 7, 2019, 5:18 PM

                @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
                • L Offline
                  lavolp3 Module Developer
                  last edited by lavolp3 Mar 7, 2019, 5:20 PM Mar 7, 2019, 5:20 PM

                  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 Mar 7, 2019, 6:39 PM Mar 7, 2019, 6:27 PM

                    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 Mar 7, 2019, 7:38 PM Mar 7, 2019, 7:33 PM

                      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
                      16 / 34
                      • First post
                        154/334
                        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