• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
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 11.5k 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 @banbutcher
    last edited by Sep 19, 2020, 12:38 PM

    @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 Sep 19, 2020, 11:34 PM Reply Quote 0
    • S Offline
      sdetweil @NicB72
      last edited by sdetweil Sep 19, 2020, 9:12 PM Sep 19, 2020, 9:11 PM

      @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 Sep 19, 2020, 11:34 PM

        @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 Sep 19, 2020, 11:48 PM Reply Quote 0
        • S Offline
          sdetweil @banbutcher
          last edited by sdetweil Sep 19, 2020, 11:49 PM Sep 19, 2020, 11:48 PM

          @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 Sep 20, 2020, 12:34 AM

            @sdetweil

            ive used both barnabycolby and shbatm versions.

            1 Reply Last reply Reply Quote 0
            • B Offline
              banbutcher
              last edited by banbutcher Sep 20, 2020, 7:50 AM Sep 20, 2020, 7:35 AM

              @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 Sep 20, 2020, 2:24 PM Reply Quote 0
              • S Offline
                sdetweil @banbutcher
                last edited by sdetweil Sep 20, 2020, 4:46 PM Sep 20, 2020, 2:24 PM

                @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
                3 / 3
                • First post
                  27/27
                  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