MMM-Carousel - how to configure a module multiple times on the SAME page?

KristjanESPERANTO

@fantasmic78 I am glad that I could help.

It would be good to improve the documentation for such cases. Do you have a concrete suggestion how?

plainbroke

@fantasmic78
This is what 2 instances of calendar look like in my carousel setup.

is that what you are trying to do?

Fantasmic78

@mumblebaj
Yes, thanks - I’m aware of the MMM-page-indicator, but I prefer the navigation buttons from MMM-Carousel (big left/right icons, in addition to the clickable indicators for the number of pages).

Fantasmic78

@plainbroke yes exactly - and I managed to do it like this in the meanwhile.

As mentioned in one of the posts above - the key learning was to use the same carouselId for all modules (which I use multiple times) which should be on the same page.

So my configuration for MMM-Carousel looks like this now:

{
            module: 'MMM-Carousel',
            position: 'bottom_bar', // Required only for navigation controls
            config: {
                transitionInterval: 15000,
                showPageIndicators: true,
                showPageControls: true,
                ignoreModules: ['clock', 'alert', 'updatenotification'],
                mode: 'slides',
                slides: {
                    "1": [
                            {name:'calendar', carouselId: "Calendar1"}, // Calendar of Chris
                            {name:'calendar', carouselId: "Calendar1"}, // Calendar of Karin
                            'MMM-WeeklySchedule'
                         ],
                    "2": [
                            {name:'calendar', carouselId: "Calendar2"}, // Calendar for trash
                            {name:'calendar', carouselId: "Calendar2"}, // Calendar for Austrian holidays
                            {name:'calendar', carouselId: "Calendar2"}, // Calendard for birthdays
                            'newsfeed'
                         ],
                    "3": [
                            {name:'weather', carouselId: "Weather1"}, // current weather at home
                            {name:'weather', carouselId: "Weather1"}, // weather forecast at home
                            {name:'weather', carouselId: "Weather1"}, // weather in some other location
                            'MMM-network-signal',
                            'MMM-NetworkConnection'
                         ],
                    "4": [
                            'MMM-GooglePhotos'
                         ]
                }
            }
		},

It shows two calendars on the first page, and 3 other calendars on the second page. Further, it shows 3 weather modules on the third page.

Fantasmic78

@kristjanesperanto I think the best place for such documentation would be in section “Example - Advanced Slides Carousel” in the README.md. You could use my example configuration (see my other post above)

KristjanESPERANTO

Thanks 🙂 I’ve created a Pull Request.