• 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 12.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.
  • 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
            • 1 / 3
            1 / 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