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 276 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 sdetweil

      @videogame95 I posted in the other topic

      Without touch, you would need a functional mouse device.
      Some remotes can do that.

      The ir frame would have to go on top of the glass, aka in front

      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

        1 Reply Last reply Reply Quote 0
        • S sdetweil has marked this topic as solved
        • V Offline
          videogame95
          last edited by

          ok thanks’ for you help do you know how to install pages with have 4 pages rotation. any help please.

          S V 2 Replies Last reply Reply Quote 0
          • 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