MagicMirror Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • Donate
    • Discord

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

    Troubleshooting
    carousel mmm-carousel navigation slide page
    9
    27
    7286
    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
      sdetweil @banbutcher last edited by

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

      Sam

      Create a working config
      How to add modules

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

        Create a working config
        How to add modules

        1 Reply Last reply Reply Quote 1
        • B
          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
            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

            Create a working config
            How to add modules

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

              @sdetweil

              ive used both barnabycolby and shbatm versions.

              1 Reply Last reply Reply Quote 0
              • B
                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
                  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

                  Create a working config
                  How to add modules

                  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 Paul-Vincent Roll and Rodrigo Ramírez Norambuena.
                  This forum is using NodeBB as its core | Contributors
                  Contact | Privacy Policy