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 3.2k 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.
    • 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
        Check my blog-post: https://mumblebaj.xyz/

        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
                    • AssassinsA Offline
                      Assassins
                      last edited by

                      This is my code to 3rd page.
                      Try to copy you modules to this, and remember the last line not gave a ,

                      
                          {
                            module: 'MMM-pages',
                            config: {
                              rotationTime: 1800000,
                              modules: [
                                [
                                  'MMM-NewsFeedBT',
                                  'updatenotification',
                                  'weather',
                                  'MMM-DynamicWeather',
                                  'MMM-WeatherOrNot'
                                ],
                                [
                                  'MMM-NewsFeedEB',
                      	    'MMM-Formula1',
                                  'calendar'
                                ],
                                [
                                  'MMM-NewsFeedTV2',
                                  'MMM-DailyPower'
                                ],
                              fixed: [
                                'clock',
                                'compliments',
                                'MMM-page-indicator',
                                'MMM-GroveGestures',
                                'MMM-Remote-Control'
                              ]
                            }
                          }
                        ],
                      
                      
                      JohanbaJ 1 Reply Last reply Reply Quote 1
                      • JohanbaJ Offline
                        Johanba @Assassins
                        last edited by

                        @assassins Thanks Sorted

                        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