MagicMirror² v2.13.0 is available! For more information about this release, check out this topic.

MMM-Carousel w/ Slide Navigation



  • 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



  • 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! 🙂



  • @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



  • @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! 😵

    look over this, its how i figured it out!! 👍🏻

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



  • @banbutcher

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



  • Did you see which version on carousel you have?



  • @banbutcher
    carousel version 0.2.6
    keyBindings 1.3.1



  • 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
    


  • 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!



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


Log in to reply