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.

    Could use some assistance setting up MMM-Carousel w/ Navigation and understanding the architecture

    Scheduled Pinned Locked Moved Troubleshooting
    carouselmmm-carouselnavigationslidepage
    27 Posts 9 Posters 14.1k Views 9 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.
    • N Offline
      NicB72
      last edited by

      So I am having a problem with the carouselID item as well

      In slides config I have this

                          slides: [
                                  ["clock"],
                                  [{name:"weather", carouselId:"1"}],
                                  [{name:"weather", carouselId:"2"}],
                                  ["newsfeed"],
                                  ["calendar"]
                          ]
      

      Then below I have the 2 modules.
      I have the other modules as well!

      Everything displays except these 2 weather slides where I get nothing,.

                  {
                          module: "weather",
                          position: "middle_center",
                          config: {
                                  carouselId: "1",
                                  type: "current",
                                  weatherProvider: "openweathermap",
                                  units: "imperial",
                                  roundTemp: true,
                                  onlyTemp: false,
                                  location: "Concord",
                                  locationID: "4933743",
                                  apiKey: "cc448befd6aea28cbb05457253a9622b"
                                  }
                  },
                  {
                          module: "weather",
                          position: "middle_center",
                          config: {
                                  carouselId: "2",
                                  type: "forecast",
                                  weatherProvider: "openweathermap",
                                  units: "imperial",
                                  location: "Concord",
                                  locationID: "4933743",
                                  apiKey: "cc448befd6aea28cbb05457253a9622b", 
                                }
      

      },

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

        @NicB72 the ID “1” is the name of the slide, not attribute carouselId

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        N 1 Reply Last reply Reply Quote 0
        • N Offline
          NicB72 @sdetweil
          last edited by

          @sdetweil I don;'t understand. I am using the carouselID as described in the advanced config section of MMM-Carousel.

          S 1 Reply Last reply Reply Quote 0
          • B Offline
            banbutcher
            last edited by banbutcher

            hi,

            while we are on the subject of carousel… ive just been playing with it and only having moderate success.

            first here is my Module Code:

            /*-------------------- MMM-Carousel Start-----------------*/
            
            {
            
                        module: 'MMM-Carousel',
            //	    position: 'botton_bar',
                        config: {
                            transitionInterval: 10000,
            		showPageIndicators: true,
            		showPageControls: true, 
                            ignoreModules: ['alert'],
                            mode: 'slides',
                            slides: [
                                ['clock', 'calendar_monthly', 'MMM-NetworkScanner', 'currentweather', 'weatherforecast'],
                                ['MMM-google-route2'],
            		    ['MMM-GoogleMapsTraffic'],	
                                ['clock', 'calendar_monthly', 'calendar', 'currentweather', 'weatherforecast', 'MMM-MyCommute', 'MMM-NetworkScanner', 
            		    'MMM-COVID19-SPARKLINE', 'MMM-Spotify', 'MMM-GoogleFit', 'newsfeed'],
                                ['clock', 'calendar_monthly', 'currentweather', 'weatherforecast', 'MMM-YouTube', 
            		    'MMM-NetworkConnection', 'deluge', 'MMM-SystemStats', 'MMM-NetworkScanner'],
                            	],
                            keyBindings: { 
                                enabled: true,
                                map: {
                                    NextSlide: "ArrowRight", 
                                    PrevSlide: "ArrowLeft", 
                                    Slide0:    "Home"
                               	 },
                                mode: "DEFAULT" 
                            } 
                        }
                    },
            
            

            when i used barnabycolby/MMM-Carousel it works fine rotating tru the pages every 10 secs… but when i change the rotation time to 0 so i can manually pick with arrow keys, it kind of has a fit and cant decide what page to show. and cpu usage goes high also

            then i found shbatm/MMM-Carousel tried it and when used in the config above its loads all modules and stacks them on the first and only page. Then i tried it withhh this code:

                            slides: [
                                Default: ['clock', 'calendar_monthly', 'MMM-NetworkScanner', 'currentweather', 'weatherforecast'],
                                Work: ['MMM-google-route2'],
            		    Traffic:['MMM-GoogleMapsTraffic'],	
                                Home: ['clock', 'calendar_monthly', 'calendar', 'currentweather', 'weatherforecast', 'MMM-MyCommute', 'MMM-NetworkScanner', 
            		    'MMM-COVID19-SPARKLINE', 'MMM-Spotify', 'MMM-GoogleFit', 'newsfeed'],
                                Info: ['clock', 'calendar_monthly', 'currentweather', 'weatherforecast', 'MMM-YouTube', 
            		    'MMM-NetworkConnection', 'deluge', 'MMM-SystemStats', 'MMM-NetworkScanner'],
                            	],
            

            and i get the “please create a config file” error

            then i noticed the different type bracket after slide: changed the []'s to {}'s and again it tries to load all modules on first page. then taught to delete the Default: Work: etc and i was back with the “please create a config file” error.

            also tried taking all the duplicate modules out and only have unique modules on each page with no luck, i think ive tried all the different ways covered in the post.

            to say im stumped is a bit of an understatement! :/

            hope all that made sense…hope someone can help :)

            Thanks,

            Richie

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

              @banbutcher the words to the left of the [ needs to be in quotes, the page name/ id

              Sam

              How to add modules

              learning how to use browser developers window for css changes

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

                @NicB72 said in Could use some assistance setting up MMM-Carousel w/ Navigation and understanding the architecture:

                @sdetweil I don;'t understand. I am using the carouselID as described in the advanced config section of MMM-Carousel.

                looks like the id is supposed to be a number, by putting it in quotes it is a string.

                see this post
                https://forum.magicmirror.builders/topic/6640/could-use-some-assistance-setting-up-mmm-carousel-w-navigation-and-understanding-the-architecture/15?page=2

                also, make sure which mmm-carousel u are using

                Sam

                How to add modules

                learning how to use browser developers window for css changes

                1 Reply Last reply Reply Quote 1
                • B Offline
                  banbutcher @sdetweil
                  last edited by

                  @sdetweil

                                  slides: {
                                      "Default":['clock', 'calendar_monthly', 'MMM-NetworkScanner', 'currentweather', 'weatherforecast'],
                                      "Work":['MMM-google-route2'],
                  		    "Traffic":['MMM-GoogleMapsTraffic'],	
                                      "Home":['clock', 'calendar_monthly', 'calendar', 'currentweather', 'weatherforecast', 'MMM-MyCommute', 'MMM-NetworkScanner', 
                  		    'MMM-COVID19-SPARKLINE', 'MMM-Spotify', 'MMM-GoogleFit', 'newsfeed'],
                                      "Info":['clock', 'calendar_monthly', 'currentweather', 'weatherforecast', 'MMM-YouTube', 'MMM-NetworkScanner', 
                  		    'MMM-NetworkConnection', 'deluge', 'MMM-SystemStats'],
                                  	},
                  

                  like this? again all modules stacked on first and only page, also tried with numbers instead of words!

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

                    @banbutcher I am not near my computer so have to wait til I can try.

                    which module are you using, there are at least 3 different ones

                    Sam

                    How to add modules

                    learning how to use browser developers window for css changes

                    1 Reply Last reply Reply Quote 0
                    • B Offline
                      banbutcher
                      last edited by

                      @sdetweil

                      ive used both barnabycolby and shbatm versions.

                      1 Reply Last reply Reply Quote 0
                      • B Offline
                        banbutcher
                        last edited by banbutcher

                        @sdetweil

                        so i figured it out… using barnabycolby im not able to have the page rotation set to 0.
                        MMM-GoogleAssistant works as intended along with MMM-GABackground.

                        My config for barnabycolbys:

                        {
                                    module: 'MMM-Carousel',
                                    config: {
                                        transitionInterval: 10000,
                        		showPageIndicators: true,
                        		showPageControls: true,
                                        ignoreModules: ['alert'],
                                        mode: 'slides',
                                        slides: [
                                            ['clock', 'calendar_monthly', 'MMM-NetworkScanner', 'currentweather', 'weatherforecast'],
                                            ['MMM-google-route'],
                                            ['MMM-google-route2'],
                        		    ['MMM-GoogleMapsTraffic'],	
                                            ['clock', 'calendar_monthly', 'calendar', 'currentweather', 'weatherforecast', 'MMM-MyCommute', 'MMM-NetworkScanner', 
                        		    'MMM-COVID19-SPARKLINE', 'MMM-Spotify', 'MMM-GoogleFit', 'newsfeed'],
                                            ['clock', 'calendar_monthly', 'currentweather', 'weatherforecast', 'MMM-YouTube', 'MMM-NetworkScanner', 
                        		    'MMM-NetworkConnection', 'deluge', 'MMM-SystemStats'],
                                        	],
                                    }
                                },
                        
                        
                        

                        using shbatm i needed the position: 'bottom_bar' and now i can set the rotation time to 0 and control the slides with the arrow keys and MMM-KeyBindings, however it seems that when i use this version the MMM-GoogleAssistant does not display the correct background and therefore cannot use the new MMM-GABackground

                        my config for shbatm:

                        {
                                    module: 'MMM-Carousel',
                        	    position: 'bottom_bar',
                                    config: {
                                        transitionInterval: 0,
                        		showPageIndicators: true,
                        		showPageControls: true,
                                        ignoreModules: ['alert'],
                                        mode: 'slides',
                                        slides: {
                                            "Default":['clock', 'calendar_monthly', 'MMM-NetworkScanner', 'currentweather', 'weatherforecast'],
                                            "Work":['MMM-google-route'],
                                            "Office":['MMM-google-route2'],
                        		    "Traffic":['MMM-GoogleMapsTraffic'],	
                                            "Home":['clock', 'calendar_monthly', 'calendar', 'currentweather', 'weatherforecast', 'MMM-MyCommute', 'MMM-NetworkScanner', 
                        		    'MMM-COVID19-SPARKLINE', 'MMM-Spotify', 'MMM-GoogleFit', 'newsfeed'],
                                            "Info":['clock', 'calendar_monthly', 'currentweather', 'weatherforecast', 'MMM-YouTube', 'MMM-NetworkScanner', 
                        		    'MMM-NetworkConnection', 'deluge', 'MMM-SystemStats'],
                                        	},
                                        keyBindings: { 
                                            enabled: true,
                                            map: {
                                                NextSlide: "ArrowRight", 
                                                PrevSlide: "ArrowLeft", 
                                                Slide0:    "Home"
                                           	 },
                                            keyBindingsMode: "DEFAULT"
                                        }
                                    }
                                },
                        

                        hope this helps someone

                        @Bugsounet @shbatm any idea why GAB will work with one carousel module and not another?

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