MMM-Carousel w/ Slide Navigation

[raf]

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

[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! :)

[raf]

@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

[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!?

[raf]

@banbutcher

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

[banbutcher]

Did you see which version on carousel you have?

[raf]

@banbutcher
carousel version 0.2.6
keyBindings 1.3.1

[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

[banbutcher]

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!

[raf]

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