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.

    pages

    Scheduled Pinned Locked Moved Solved Troubleshooting
    15 Posts 2 Posters 432 Views 2 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.
    • S Offline
      sdetweil @videogame95
      last edited by

      @videogame95 I don’t understand

      at the top of MMM-pages config there is the modules list
      its an array [] (list of logical pages) of arrays [] (list of modules names on page)
      or alternately using the class approach
      its an array [] (list of logical pages) of arrays (with single entry of page name)

          {
              module: "MMM-pages",
              config: {
                  timings: {
                      default: 20000,      // rotate every 20 seconds
                      2: 30000,            // page 2 rotates every 30 seconds
                      "admin": 30000       // admin hidden page auto-returns after 30 seconds
                  },
                  modules: [
                      ["page0"],           // class name for page 0
                      ["page1"],           // class name for page 1
                      ["page2"],           // class name for page 2
                  ],
                  fixed: ["on_all_pages"],
                  hiddenPages: {
                      "screenSaver": ["screensaver_page"],
                      "admin": ["admin_page"],
                  }
              }
          },
      

      then in the class approach, you add

      classes:"page0 page1",  // space separated list of page names
      

      after the module:“weather”, // for example
      (on every module you want displayed)

      the module provides page rotation, using the

      timings: {
                      default: 5000,               // rotate every 5 seconds  // all pages rotate every 5 seconds
                      0: 20000,                    // page 0 rotates every 20 seconds // except page 0 hold for 20 
                      "admin": 30000               // admin hidden page auto-returns after 30 seconds 
                  },
      

      every module provides a README.md file, (what is shown on github landing page for module), that is the module DOCUMENTATION

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      1 Reply Last reply Reply Quote 0
      • S Offline
        sdetweil @videogame95
        last edited by

        @videogame95 said in pages:

        i add pages but my calendar stopped loading and so did my weather module ? I’ve add my config to a post troubleshoot .

        when using pages, ALL modules you want displayed MUST be added to the pages config thru its module name, OR the classes: property added,
        else the module will NOT be displayed…

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        1 Reply Last reply Reply Quote 0
        • V Offline
          videogame95 @videogame95
          last edited by

          Hi thanks I’ve added the first config it worked in I add the page, my
          open weather maps did’t show up so update script and it worked but when moved Backgroundslideshows it stopped but i was wrong after a little while it came on the page I had set it to. Please explain how to up the second cofig.

          ? or all go in the brackets.

          i haven’t looked at it for while .

          hope you understand
          please explain best you can simplest way

          I’m having difficulty in setting google what I’ve done
          1 made project name photos1
          2 googlephotos api added and enabled
          3 downloaded credentials rename to
          4 added it in modules folder in google photos folder
          5 saved id code numbers in Geaney
          6 published it
          7 tride run code in terminal. code node v.2 run token something like this
          8 did found
          not sure what I’ve missed out ?

          S 1 Reply Last reply Reply Quote 0
          • S Offline
            sdetweil @videogame95
            last edited by sdetweil

            @videogame95 pages

            In the
            Module config ( I am only doing the page definitions here

                modules:[
            
                                [     List of comma separated dom content by  css class names, (in quotes) module-name is also defined  as a class name], // first page
            
                                [     List of comma separated dom content by  css class names, By( in quotes) module-name is also defined  as a class name], // second page
            
                                 [. Repeat as needed ],  // <- notice the comma after each set of brackets
             
            
            
                ]
            

            The easiest way for me is to make up nice names for the pages

            “Mom”, “Dad”, “stocks”, “son”, etc as many as you need/want

            Each of those is a page above,

            Now in each actual module config, on a line after the

            module:"calendar",
            

            Or whatever module
            Add a line

                   classes:"xxxxxx",
            

            For example,

            classes:"Mom Dad”,  // notice the comma here too
            

            Where xxxxxx is one of your page names you set like above

            If a module should show on more than one, but not all pages , add those page names too, space separated

            Mmm-pages has a shortcut for modules that should show on ALL pages. The fixed: property . It’s also a space separated list
            I just set it to “all_pages”, and use that in the classes: for those on all pages.

            EVERY module needs a classes property set.

            Google Photos is broken after Google changed the way you select and group photos

            Someone has a sort organic new version, announced here in the last couple weeks.

            Did I get all your questions?

            Sam

            How to add modules

            learning how to use browser developers window for css changes

            1 Reply Last reply Reply Quote 0
            • V Offline
              videogame95
              last edited by

              thank you that was well explained
              I look forward to the new google photos will this be in 3rd party modules or on googles cloud console ?
              or github ?

              S 1 Reply Last reply Reply Quote 0
              • S Offline
                sdetweil @videogame95
                last edited by

                @videogame95 here is a link to the topic here with link to GitHub

                https://forum.magicmirror.builders/post/130057

                Sam

                How to add modules

                learning how to use browser developers window for css changes

                1 Reply Last reply Reply Quote 0
                • V Offline
                  videogame95
                  last edited by

                  I’m going to trying to add my config of my UK national Rail not loading
                  i got the token from national Rail Data Portal

                  {
                  module: ‘MMM-page-indicator’,
                  position: ‘bottom_bar’,
                  config: {
                  activeBright: true,
                  }
                  },
                  {
                  module: “MMM-UKNationalRail”,
                  position: “top_right”,
                  header: “Departures”,
                  config: {
                  station: “RDH”,
                  token: “d921e466-a91e-4b3f-96a0-ba476081”,// <— REPLACE THIS WITH YOUR TOKEN
                  }
                  },
                  {
                  module: “newsfeed”,
                  position: “top_center”,
                  config: {
                  feeds: [
                  {
                  title: “BBC World News”,
                  url: “https://feeds.bbci.co.uk”
                  }
                  ]
                  }
                  },
                  {

                  S 1 Reply Last reply Reply Quote 0
                  • S Offline
                    sdetweil @videogame95
                    last edited by

                    @videogame95 are you using mmm-pages? Did you add the module to some page?

                    No classes: specified
                    Do it has to be added to some page list, right?

                    Sam

                    How to add modules

                    learning how to use browser developers window for css changes

                    1 Reply Last reply Reply Quote 0
                    • V Offline
                      videogame95 @videogame95
                      last edited by

                      i installed uk national rail module but its not losading
                      any help I got the token from here LDBWS / OpenLDBWS)
                      i got ant email. after login in.

                      it comes up with only loading but never dose.
                      yes run install script again.

                      Any help please

                      1 Reply Last reply Reply Quote 0
                      • V Offline
                        videogame95
                        last edited by

                        I’ve added uk natioal rail to page 2 which is page 3 . just comes up loading

                        S 1 Reply Last reply Reply Quote 0
                        • S Offline
                          sdetweil @videogame95
                          last edited by sdetweil

                          @videogame95 loading means the module is waiting for data to display, but it has not arrived.

                          Can you look in the output where MagicMirror is started

                          Npm start or using pm2

                          If using pm2, then the command

                          pm2 logs —lines=xxx

                          Where xxx is the number of most recent lines of output, default 15. So you may need xxx to be 100 or more

                          Sam

                          How to add modules

                          learning how to use browser developers window for css changes

                          1 Reply Last reply Reply Quote 0

                          Hello! It looks like you're interested in this conversation, but you don't have an account yet.

                          Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

                          With your input, this post could be even better 💗

                          Register Login
                          • 1 / 1
                          • 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