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 13.7k 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.
    • 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
              • S Offline
                sdetweil @banbutcher
                last edited by sdetweil

                @banbutcher so, there were two problems

                0 cycle time
                and carouselId

                I had my brain screwed on crooked for carouselId.

                suppose you had multiple instances of the same module name in config.js, showing different things on different slides.

                when u define the slides, u use the module ‘name’, but in this case, name is not enough.

                so, in the module definitions themselves u add another unique identifier, carouselId: somestring. the value can be anything.

                in their config:{} section, that is where carousel module will look for ‘carouselId’

                in the slide definition, when u come to that module to be displayed, instead of putting the name in quotes, you need a little structure

                { name: "module name", carouselId:"samevalue_added_to_module_config" } , 
                

                that way the carousel module can tell which module instance should be shown

                Sam

                How to add modules

                learning how to use browser developers window for css changes

                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