• 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 13.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.
  • 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
                26/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