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.

    MMM-Carousel w/ Slide Navigation

    Scheduled Pinned Locked Moved Troubleshooting
    15 Posts 2 Posters 3.2k Views 3 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.
    • R Offline
      raf
      last edited by

      why can’t I switch my pages manually
      no arrows are displayed on the screen
      the page indicators are displayed
      I can move the mouse anywhere on the screen but no arrows

      this is in my config.js

      {
                  module: 'MMM-Carousel',
                  position: 'bottom_bar', // Required only for navigation controls
                  config: {
                      transitionInterval: 0,
                      ignoreModules: ['clock', 'alert'],
                      mode: 'slides',
                      showPageIndicators: true,
                      showPageControls: true,
                      slides: {
                          main: ['calendar', 'currentweather', 'MMM-Tools', 'newsfeed', 'MMM-TuyaSL', 'MMM-NowPlayingOnSpotify', 'weatherforecast',],
                          "Slide 2": ['newsfeed',],
                      },
                      keyBindings: { 
                          enabled: true,
                          map: {
                              NextSlide: "ArrowRight", 
                              PrevSlide: "ArrowLeft", 
                              Slide0:    "Home"
                          },
                          mode: "DEFAULT"```
      code_text
      

      code_text

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

        hey buddy,
        take a look at the way each slide is defined! think your missing quotes from main page

        • at bottom not sure but i think mode should be keyBindingsMode
        • missing a comma after slide0
        • not sure but check that all your open { have a closer }
        • do you have MMM-Keybindings installed? (eidt - i just checked and carousel wont change pages without MMM-Keybindings.)
        {
                    module: 'MMM-Carousel',
        	    position: 'bottom_bar',
                    config: {
                        transitionInterval: 0,
        		showPageIndicators: true,
        		showPageControls: true,
                        ignoreModules: ['alert', 'MMM-GoogleAssistant'],
                        mode: 'slides',
                        slides: {
                            "Default":['clock', 'calendar_monthly', 'MMM-NetworkScanner', 'currentweather', 'weatherforecast', 'MMM-Weather'],
                            "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', 'MMM-Todoist', 'newsfeed'],
                            "Info":['clock', 'calendar_monthly', 'currentweather', 'weatherforecast', 'MMM-Tools', 'MMM-NetworkScanner', 
        		    'MMM-NetworkConnection', 'deluge', 'MMM-SystemStats'],
                        	},
                        keyBindings: { 
                            enabled: true,
                            map: {
                                NextSlide: "ArrowRight", 
                                PrevSlide: "ArrowLeft", 
                                Slide0: "ArrowUp",
        			Slide5: "ArrowDown",
                           	 },
                            keyBindingsMode: "DEFAULT"
                        }
                    }
                },
        

        here is my config for MMM-Keybindings:

        /*-------------------- MMM-KeyBindings Start-----------------*/
        
        {
            module: 'MMM-KeyBindings',
            config: {
        	evdev: {enabled: false},
                enableKeyboard: true,
        	actions: [
        	{
        	  key: "ArrowRight",
        	  state: "KEY_PRESSED",
        	  instance: "SERVER",
        	  mode: "DEFAULT",
        	},
        	{
        	 key: "ArrowLeft",
        	 state: "KEY_PRESSED",
        	 instance: "SERVER",
        	 mode: "DEFAULT",
        	},
        
        	]
            }
        },
        

        have a look at my working code and try again! :)

        R 1 Reply Last reply Reply Quote 0
        • R Offline
          raf @banbutcher
          last edited by

          @banbutcher

          {
                      module: 'MMM-Carousel',
                      position: 'bottom_bar', // Required only for navigation controls
                      config: {
                          transitionInterval: 0,
                          ignoreModules: ['clock', 'alert', 'MMM-GoogleAssistant',],
                          mode: 'slides',
                          showPageIndicators: true,
                          showPageControls: true,
                          slides: {
                              "Default": ['calendar', 'currentweather', 'MMM-Tools', 'newsfeed', 'MMM-TuyaSL', 'MMM-NowPlayingOnSpotify', 'weatherforecast',],
                              "Slide 2": ['newsfeed',],
                              "Slide 3": ['newsfeed',],
                              "Slide 4": ['newsfeed',],
                              "Slide 5": ['newsfeed',],
                          },
                          keyBindings: { 
                              enabled: true,
                              map: {
                                  NextSlide: "ArrowRight", 
                                  PrevSlide: "ArrowLeft", 
                                  Slide0: "ArrowUp",
                                  Slide5: "ArrowDown",
                              },
                              mode: "DEFAULT"
                          }
                      }
                  },
                  {
                      module: 'MMM-KeyBindings',
                      config: {
                  	evdev: {enabled: false},
                          enableKeyboard: true,
                  	actions: [
                  	{
                  	  key: "ArrowRight",
                  	  state: "KEY_PRESSED",
                  	  instance: "SERVER",
                  	  mode: "DEFAULT",
                  	},
                  	{
                  	 key: "ArrowLeft",
                  	 state: "KEY_PRESSED",
                  	 instance: "SERVER",
                  	 mode: "DEFAULT",
                  	},
          

          it still doesn’t work and I don’t see what’s wrong (I have to tell you that I control the pi via my windows pc) with vnc

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

            @raf the only thing i can think of is to rename the slides without numbers, you dont need them for the keybindings, it sets it automatically:

            "default" = slide0, "slide 2" = slide1 etc…

            try renaming the slides maybe "zero" "one" "two" etc…

            also check whos version of carousel you have as theres 2! :dizzy_face:

            look over this, its how i figured it out!! :thumbs_up_light_skin_tone:

            i use vnc from a mac so should be ok!?

            R 1 Reply Last reply Reply Quote 0
            • R Offline
              raf @banbutcher
              last edited by

              @banbutcher

              have given the pages a different name, but that is not the solution

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

                Did you see which version on carousel you have?

                R 1 Reply Last reply Reply Quote 0
                • R Offline
                  raf @banbutcher
                  last edited by

                  @banbutcher
                  carousel version 0.2.6
                  keyBindings 1.3.1

                  1 Reply Last reply Reply Quote 0
                  • R Offline
                    raf
                    last edited by raf

                    I have seen at startup it does give a message: (No helper found for module: MMM-Carousel.)
                    but i don’t know if it is normal and what i can do about it

                    [2020-11-03 11:17:14.590] [LOG]    Starting MagicMirror: v2.13.0
                    [2020-11-03 11:17:14.606] [LOG]    Loading config ...
                    [2020-11-03 11:17:14.621] [LOG]    Loading module helpers ...
                    [2020-11-03 11:17:14.624] [LOG]    No helper found for module: MMM-Carousel.
                    [2020-11-03 11:17:14.639] [LOG]    Initializing new module helper ...
                    [2020-11-03 11:17:14.642] [LOG]    Module helper loaded: MMM-KeyBindings
                    [2020-11-03 11:17:15.562] [LOG]    Initializing new module helper ...
                    [2020-11-03 11:17:15.563] [LOG]    Module helper loaded: MMM-UpdateNotification
                    [2020-11-03 11:17:21.615] [LOG]    Initializing new module helper ...
                    [2020-11-03 11:17:21.617] [LOG]    Module helper loaded: MMM-GoogleAssistant
                    [2020-11-03 11:17:24.351] [LOG]    Initializing new module helper ...
                    [2020-11-03 11:17:24.353] [LOG]    Module helper loaded: MMM-Assistant2Display
                    [2020-11-03 11:17:24.355] [LOG]    No helper found for module: alert.
                    [2020-11-03 11:17:24.362] [LOG]    Initializing new module helper ...
                    [2020-11-03 11:17:24.364] [LOG]    Module helper loaded: updatenotification
                    [2020-11-03 11:17:24.366] [LOG]    No helper found for module: clock.
                    [2020-11-03 11:17:25.219] [LOG]    Initializing new module helper ...
                    [2020-11-03 11:17:25.221] [LOG]    Module helper loaded: calendar
                    [2020-11-03 11:17:25.374] [LOG]    Initializing new module helper ...
                    [2020-11-03 11:17:25.375] [LOG]    Module helper loaded: MMM-Tools
                    [2020-11-03 11:17:25.511] [LOG]    Initializing new module helper ...
                    [2020-11-03 11:17:25.512] [LOG]    Module helper loaded: MMM-TuyaSL
                    
                    1 Reply Last reply Reply Quote 0
                    • B Offline
                      banbutcher
                      last edited by

                      just checked about the node helper and that comes up on mine too! :)

                      as for version - i mean whos git repo did you clone from, as you would have read if you read the link i gave you >:( that there are at least 2 versions of carousel. go to the module folder and check the readme file and it will be in there some where…

                      use the link above and read it! solution should be there!

                      R 1 Reply Last reply Reply Quote 0
                      • R Offline
                        raf @banbutcher
                        last edited by raf

                        @banbutcher
                        barnabycolby & shbatm
                        the carousel works over SSH, right?

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