Multiple Pages of Modules using CSS

[strawberry 3.141]

@shbatm did you try the module carousel? That should do the trick without modifying files and can help you to implement your solution

[shbatm]

@strawberry-3-141 - Thanks for the suggestion!

I had looked at it briefly, but saw it used timers to rotate automatically and I was looking for something semi-static that I could use to ‘page through’ with a remote when I got one set-up. Looking more closely, it wouldn’t be too hard to fork and replace the timers with notifications.

[Anhalter42]

@strawberry-3.141 another possibility to do something similar is MMM-ProfileSwitcher + MMM-Remote-Control. I’ve used this to imitate “pages” and it worked quite well.

Both alternatives don’t naturally come with those fancy arrows and dots, though.

[shbatm]

@strawberry-3-141 @Anhalter42 – Wanted to thank you both for the suggestions.

I was able to fork and tweak @barnabycolby’s MMM-Carousel to manually switch between slides and show the page dots and navigation arrows without touching any core code. I also added the ability to move or change appearances of each module on a per-slide basis.

If anyone is interested my fork w/ navigation enabled is here: MMM-Carousel w/ Navigation & Moveable Modules – the navigation uses my module MMM-KeyBindings, which isn’t necessary if you just want to use a mouse or touchscreen.

[alverman]

Hello,
I installed your fork and it works just fine.
That was what I was looking for with a touchscreen: D
But now I have a problem.
If I take the comment to activate other pages and check to a widget, the reference to page 3 is not displayed and the points to touch are just two.

Is there anything else to modify in the main.js file?

Thank you, Alberto