Read the statement by Michael Teeuw here.
Could use some assistance setting up MMM-Carousel w/ Navigation and understanding the architecture
-
@shbatm I sort of got it working, but having problems with the calendar setup. I followed the advice for config.js with adding carouselID: “#” and then the {name: ‘calendar’, carouselID: “#”, but with three pages and three calendars, all three show up on the first slide, and none on the other two.
Anything obviously missing?
{ module: "calendar", header: "Boy's Calendar", position: "top_left", carouselId: "1", config: { calendars: [ { symbol: "calendar-check-o", url: "https://calendar.google.c$ } ] } },
module: 'MMM-Carousel', config: { transitionInterval: 10000, ignoreModules: ['clock', 'alert','currentweather', 'com$ mode: 'slides', slides: [ ['calendar'], [ {name:'calendar', carouselID:"2"}, 'MMM-darksky$ [ {name:'calendar', carouselID:"3"}, 'weatherfore$ ] }
:::
Spoiler Text
:::
-
@lamachine the
carouselId: "1"
needs to be inside the calendar module’sconfig
section (move it down a line).Also if you just put ‘calendar’ in a slide, it will show every calendar, each one needs a carouselId.
-
wow, the developer again, thanks so much for the quick reply!
I thought I was making some progress, but still not quite right…
Code changes as follows
module: 'MMM-Carousel', config: { transitionInterval: 10000, ignoreModules: ['clock', 'alert','currentweather', 'com$ mode: 'slides', slides: [ [ {name:'calendar', carouselID:"1"}],
and
module: "calendar", header: "Boy's Calendar", position: "top_left", config: { carouselId: "1", calendars: [ { symbol: "calendar-check-o", url: "https
I ran it through JSHint, so at least the formatting is acceptable.
-
Check your capitalization in the MMM-Carousel config. It should be
carouselId
, notcarouselID
. -
This is my config for test.
{ module: 'MMM-Carousel', position: 'bottom_bar', // Required only for navigation controls config: { transitionInterval: 0, showPageIndicators: true, showPageControls: false, ignoreModules: ['MMM-Podcast2', 'alert', 'MMM-Buttons', 'MMM-Remote-Control', 'MMM-Remote-Control-Repository'], mode: 'slides', slides: { main: [{name:'clock', carouselId: "1"}], "2": ['MMM-DarkSkyForecast', 'newsfeed'], "3": ['MMM-DWD-WarnWeather'], "4": ['MMM-DarkSkyForecast', 'newsfeed'], "5": ['MMM-DWD-WarnWeather'], "6": ['MMM-DarkSkyForecast', 'newsfeed'] } } },
and this the two modules
{ module: "clock", name: "AnalogClock", position: "middle_center", config: { carouselId: "1", showDate: false, displayType: 'analog', analogSize: '540px', analogFace: 'face-001', secondsColor: '#FF0000', analogPlacement: 'top' } }, { module: "clock", name: "AnalogClock2", position: "middle_center", config: { carouselId: "2", showDate: false, displayType: 'analog', analogSize: '570px', analogFace: 'face-001', secondsColor: '#FF0000', analogPlacement: 'top' } },
but the clock is only visible on page 6?
And the main page is completely missing!
I am confused :thinking_face:But then I tried the following:
instead of
main: [{name:‘clock’, carouselId: “1”}],
I put this
“1”: [{name:‘clock’, carouselId: “1”}],And what should I say! It works. :smiling_face_with_open_mouth:
-
@robiv8 Strange. I wonder if it’s something with the word
main
. You could also try"Main"
.Here’s one of my carousel configs for another reference:
slides: { Home: [{ name: 'clock', classes: 'zoom200', position: "middle_center", carouselId: 1 }], Info: [{ name: 'clock', classes: 'zoom200', position: "top_center", carouselId: 1 }, { name: 'calendar', position: 'top_left' }, 'MMM-Todoist', 'MMM-DarkSkyForecast', 'newsfeed', ], Status: [{ name: 'clock', classes: '', position: "top_left", carouselId: 2 }, 'MMM-JSONStatusChecker', "internet-monitor" ], ISY: [{ name: 'clock', classes: '', position: "top_left", carouselId: 2 }, 'MMM-ISY'], Cameras: ["MMM-RTSPStream"], Octopi: [{ name: 'clock', classes: '', position: "top_left", carouselId: 2 }, 'octomirror-module'], }
-
Does anyone know if it is possible with this module to have the first slide show for a longer period of time…then rotate through the other slides. This way you mainly see the primary one, and secondary ones periodically rotate through.
-
So I am having a problem with the carouselID item as well
In slides config I have this
slides: [ ["clock"], [{name:"weather", carouselId:"1"}], [{name:"weather", carouselId:"2"}], ["newsfeed"], ["calendar"] ]
Then below I have the 2 modules.
I have the other modules as well!Everything displays except these 2 weather slides where I get nothing,.
{ module: "weather", position: "middle_center", config: { carouselId: "1", type: "current", weatherProvider: "openweathermap", units: "imperial", roundTemp: true, onlyTemp: false, location: "Concord", locationID: "4933743", apiKey: "cc448befd6aea28cbb05457253a9622b" } }, { module: "weather", position: "middle_center", config: { carouselId: "2", type: "forecast", weatherProvider: "openweathermap", units: "imperial", location: "Concord", locationID: "4933743", apiKey: "cc448befd6aea28cbb05457253a9622b", }
},
-
@NicB72 the ID “1” is the name of the slide, not attribute carouselId
-
@sdetweil I don;'t understand. I am using the carouselID as described in the advanced config section of MMM-Carousel.