@sean Wow! Fantastic! Will give it a whirl.

Great module! Love the formatting, incredibly beautiful and flexible.

I do have a question - I know I can specify a custom icon per calendar, and I can also customize/replace title text as needed for display, but is there an easy way to provide a custom icon based on text in the title? E.g. Anytime you find the word Birthday in the title, specify a balloon icon? I’ve thought of a few options to do this by filtering the same calendar URL multiple times, but it seemed pretty inefficient from a processing perspective.

@shbatm Fantastic! Thanks again!

@shbatm and @jdfraser , I believe I figured it out after much debugging and banging my head on the desk.

There’s a config property that’s not documented that needs to be configured to accept keyboard presses. You’ll need to add

enableKeyboard: true,

in your MMM-KeyBindings module config. Here’s my working config, there may or may not be some unneeded commands in there, but it was needed to get the “r” and “l” keys to move the MMM-Carousel page next and previous. Note you also need to add the “handleKeys” for any of the non-standard keys.

    {
            module: 'MMM-KeyBindings',
	    config: {
                enabledKeyStates: ["KEY_PRESSED"],
                evdev: { enabled: false },
                handleKeys: [ 'r', 'l' ],
                enableMousetrap: true,
                enableKeyboard: true,
			}
		},

        {
            module: 'MMM-Carousel',
            position: 'top_bar', // Required only for navigation controls
            config: {
                transitionInterval: 0, //20000,
                showPageIndicators: false,
                showPageControls: true,
                ignoreModules: ['MMM-ViewNotifications','alert','updatenotification','MMM-KeyBindings'],
                mode: 'slides',
                slides: {
                    main: [{name:'clock', classes:'zoom200'},'MMM-CalendarExt2', {name:'MMM-DarkSkyForecast', classes:'zoom200'}],
					"Slide 2": ['MMM-BackgroundSlideshow',],
                    "Slide 3": [{name:'MMM-aviationwx', classes:'zoom200'},{name:'MMM-DarkSkyForecast', classes:'zoom200'},],
                },
                keyBindings: { 
                    enabled: true,
                    map: {
                        NextSlide: "r", 
                        PrevSlide: "l", 
                    },
                    mode: "DEFAULT"
                }
            },
        },

Hello,
This module looks like exactly what I need, but unfortunately I’m having a hard time getting it to work with a standard USB keyboard directly connected. Reading through I believe I’ve got MMM-KeyBindings and MMM-Carousel set up appropriately, but no matter what I try it doesn’t appear to have any effect.

I can use the mouse to click on the Carousel navigation to change pages. I’ve also ensured I’ve clicked within the window to make sure the browser has focus, but the keyboard events don’t do anything. Clicking CTRL-SHIFT-I, I can see in the debugger that MouseTrap is actually seeing the keyboard events, but I must have something wrong in the config preventing them from being handled appropriately.

At first I was trying to get the right and left arrow keys on the keyboard to work, but it looks like the names of those are a bit more complicated (having similar-but-different names to the ArrowRight and ArrowLeft buttons on the remote), so I just switched to “r” and “l”. I’ve also tried the “keyBindings” both inside the MMM-Carousel “config” section and up at the module top level as shown below.

I’m running the latest versions of both KeyBindings and Carousel as of today. Here’s the relevant sections of my config.js, any help is greatly appreciated:

	{
            module: 'MMM-KeyBindings',
			config: {
                enabledKeyStates: ["KEY_PRESSED"],
                evdev: { enabled: false },
                handleKeys: [ 'r', 'l' ],
                enableMousetrap: true,
			}
		},

        {
            module: 'MMM-Carousel',
            position: 'top_bar', // Required only for navigation controls
            config: {
                transitionInterval: 0, //20000,
                showPageIndicators: false,
                showPageControls: true,
                ignoreModules: ['MMM-ViewNotifications','alert','updatenotification','MMM-KeyBindings'],
                mode: 'slides',
                slides: {
                    main: [{name:'clock', classes:'zoom200'},'MMM-CalendarExt2', {name:'MMM-DarkSkyForecast', classes:'zoom200'}],
					"Slide 2": ['MMM-BackgroundSlideshow',],
                    "Slide 3": [{name:'MMM-aviationwx', classes:'zoom200'},{name:'MMM-DarkSkyForecast', classes:'zoom200'},],
				},
            },
            keyBindings: { 
                //NextSlide: "ArrowRight", // Remote Key Name
                NextSlide: "r",          // Keyboard Key Name
                //PrevSlide: "ArrowLeft",  // Remote Key Name
                PrevSlide: "l"           // Keyboard Key Name
            },
        },

@sean +1! Works great, thank you. Only issue I’ve noticed is some sort of race condition where if CalendarExt2 had started to refresh right when Carousel is changing slides, the CalendarExt2 is drawn out anyway. Not sure if this will be a “real” problem for me once I set the refresh intervals to something longer than used for testing, but I have noticed it.