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.

    Add 3rd page to MMM-Pages

    Scheduled Pinned Locked Moved Solved Troubleshooting
    12 Posts 4 Posters 2.7k Views 3 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.
    • JohanbaJ Offline
      Johanba
      last edited by sdetweil

      Hi All
      Need some help
      My Mirror use 2 pages at present
      I tried added a 3rd Page , but then the Mirror dont load
      This is my code, will appreciate advise

      {
      				module: 'MMM-pages',
      					config: {
      						rotationTime: 30000,
      						rotationDelay: 30000,
      						modules:
      							[[ "MMM-HomeAssistant","calendar","newsfeed","MMM-Weather","Alerts","MMM-UpdateNotification","MMM-connection-status","MMM-NetworkConnection","MMM-GoogleTasks" ],
      							[ "MMM-RTSPStream","MMM-NowPlayingOnSpotify","MMM-Tools","MMM-iFrame","MMM-WebView","MMM-TomTomTraffic"]],
      							fixed: ["MMM-TelegramBot","MMM-PIR-Sensor","clock","MMM-Weather","MMM-page-indicator","MMM-Alexa","MMM-GoogleAssistant","MMM-Detector"],
      							hiddenPages: {
      								"screenSaver": ["clock"],
      								"admin": [ , "MMM-Config",  "MMM-pages" ],
      							},
      					}
      				},
      
      S mumblebajM 3 Replies Last reply Reply Quote 0
      • S Offline
        sdetweil @Johanba
        last edited by

        @johanba please use the code wrapper for contents of config in posts

        after pasting the text, mark it, and then push the button above the editor that looks like

        </>

        i will fix this time

        Sam

        How to add modules

        learning how to use browser developers window for css changes

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

          @johanba said in Add 3rd page to MMM-Pages:

          > modules:
          > 							[[ "MMM-HomeAssistant","calendar","newsfeed","MMM-Weather","Alerts","MMM-UpdateNotification","MMM-connection-status","MMM-NetworkConnection","MMM-GoogleTasks" ],
          > 							[ "MMM-RTSPStream","MMM-NowPlayingOnSpotify","MMM-Tools","MMM-iFrame","MMM-WebView","MMM-TomTomTraffic"]],
          

          its best to separate things

              modules:
          	[
                          // page 1
                          [ "MMM-HomeAssistant","calendar","newsfeed","MMM-Weather","Alerts","MMM-UpdateNotification","MMM-connection-status","MMM-NetworkConnection","MMM-GoogleTasks" ],   // note the comma, <- more to come
                          // page 2
                          [ "MMM-RTSPStream","MMM-NowPlayingOnSpotify","MMM-Tools","MMM-iFrame","MMM-WebView","MMM-TomTomTraffic"]    
                          //   page 3 ???              
                  ],
          

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          1 Reply Last reply Reply Quote 0
          • mumblebajM Offline
            mumblebaj Module Developer @Johanba
            last edited by

            @johanba As Sam mentioned, you only have 2 pages, fixed is not a page, it just fixes those selected modules to all the pages.

            Check out my modules at: https://github.com/mumblebaj?tab=repositories

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

              @mumblebaj he was having trouble adding the 3rd page

              its the brackets around the page list that are not obvious, separating the data into page per line
              with the enclosing brackets makes it much clearer (I hope)

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              1 Reply Last reply Reply Quote 0
              • JohanbaJ Offline
                Johanba @sdetweil
                last edited by

                @sdetweil Noted, Thanks for the support
                I am new to this an learning faster than expected

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

                  @johanba no explanation necessary… we were all newbies and feel your pain!

                  Sam

                  How to add modules

                  learning how to use browser developers window for css changes

                  JohanbaJ 1 Reply Last reply Reply Quote 0
                  • JohanbaJ Offline
                    Johanba @sdetweil
                    last edited by sdetweil

                    @sdetweil I suspect I still have some issue
                    Below is my code
                    It does not add the 3rd Page, even the Page indicator only show 2 dots
                    What am I missing
                    Did I get the code past right this time :beaming_face_with_smiling_eyes:

                    {
                    				module: 'MMM-pages',
                    					config: {
                    						rotationTime: 30000,
                    						rotationDelay: 30000,
                    						modules:
                    							[
                    							//Page 1
                    							[ "calendar","newsfeed","MMM-Weather","Alerts","MMM-UpdateNotification","MMM-connection-status","MMM-NetworkConnection","MMM-GoogleTasks" ],
                    							//Page 2
                    							[ "MMM-RTSPStream","MMM-NowPlayingOnSpotify","MMM-Tools","MMM-iFrame","MMM-WebView","MMM-TomTomTraffic"]
                    							//Page 3
                    							["MMM-HomeAssistant"]
                    							],
                    							//Fixed Pages
                    							fixed: ["MMM-BackgroundSlideshow","MMM-TelegramBot","MMM-PIR-Sensor","clock","MMM-Weather","MMM-page-indicator","MMM-Alexa","MMM-GoogleAssistant","MMM-Detector"],
                    							//Hidden Pages
                    							hiddenPages: {
                    								"screenSaver": ["clock"],
                    								"admin": ["MMM-Config", "MMM-pages"],
                    							},
                    					}
                    				},
                    
                    S 2 Replies Last reply Reply Quote 0
                    • S Offline
                      sdetweil @Johanba
                      last edited by sdetweil

                      @johanba said in Add 3rd page to MMM-Pages:

                      Did I get the code past right this time

                      no the begin code wrapper markers MUST be in column 1… they were after some spaces…

                      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 @Johanba
                        last edited by

                        @johanba said in Add 3rd page to MMM-Pages:

                          					[ "MMM-RTSPStream","MMM-NowPlayingOnSpotify","MMM-Tools","MMM-iFrame","MMM-WebView","MMM-TomTomTraffic"]  // <<------  missing comma
                          					//Page 3
                          					["MMM-HomeAssistant"]
                        

                        u missed my little note at the end of page 1 (that tricky trailing comma meaning ‘more to follow’

                        Sam

                        How to add modules

                        learning how to use browser developers window for css changes

                        1 Reply Last reply Reply Quote 0
                        • 1
                        • 2
                        • 1 / 2
                        • 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