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 15.9k 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

      @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 Reply Quote 0
      • 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

                  Hello! It looks like you're interested in this conversation, but you don't have an account yet.

                  Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

                  With your input, this post could be even better 💗

                  Register Login
                  • 1
                  • 2
                  • 2 / 2
                  • 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