• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
MagicMirror Forum
  • Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
A New Chapter for MagicMirror: The Community Takes the Lead
Read the statement by Michael Teeuw here.

MMM-Carousel; Two of the Same Module?

Scheduled Pinned Locked Moved Solved Troubleshooting
13 Posts 4 Posters 1.7k Views 4 Watching
Loading More Posts
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • J Offline
    JeffreyDaro
    last edited by Dec 1, 2023, 10:07 PM

    I am using the default Calendar module in my setup. I have two distinct entries in my config, one that shows my family calendar, and one that shows my calendar. Currently they are stacked on top of each other and both display one above the other.

    I have started using MMM-Carousel to rotate modules through my display, and I’d like to show one of my calendars, and then rotate to the other.

    Is there a way to reference one calendar module or the other, specifically?

    S K 2 Replies Last reply Dec 1, 2023, 11:34 PM Reply Quote 0
    • S Offline
      sdetweil @JeffreyDaro
      last edited by sdetweil Dec 1, 2023, 11:40 PM Dec 1, 2023, 11:34 PM

      @JeffreyDaro i don’t know carousel very well, but it uses module names as class names… you could give another class for an instance with the classes:“someodd_string”,
      attribute on the module, and then use THAT string in the carousel config…

      I mostly use MMM-Pages, and i have documented another way to use it with the classes attribute, see the doc in my fork for the second method
      https://github.com/sdetweil/MMM-pages

      i think my ‘page1’,‘page2’ … approach will work the same with carousel…

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      J 1 Reply Last reply Dec 2, 2023, 12:13 AM Reply Quote 1
      • J Offline
        JeffreyDaro @sdetweil
        last edited by Dec 2, 2023, 12:13 AM

        @sdetweil, thank you…I will give that a try.

        1 Reply Last reply Reply Quote 0
        • K Offline
          KristjanESPERANTO Module Developer @JeffreyDaro
          last edited by Dec 2, 2023, 1:19 PM

          @JeffreyDaro That’s possible with MMM-Carousel. Look for carouselId in the README file :-)

          J 1 Reply Last reply Dec 4, 2023, 2:47 PM Reply Quote 0
          • J Offline
            JeffreyDaro @KristjanESPERANTO
            last edited by Dec 4, 2023, 2:47 PM

            @KristjanESPERANTO Thank you for responding. I started working on the carouselID’s but I am struggling a bit to get that to work.

            I was experimenting with both classes and carouselID:

            {
                        module: "MMM-Carousel",
                        position: "bottom_bar", // Required to draw in position
                        config: {
                            mode: "slides",
                            ignoreModules: ["MMM-GooglePhotos"],
                            transitionInterval: 40000,
                            slideTransitionSpeed: 3000,
                            slides: {
                                main: ["clock", "weather"],
                                "slide2": ["clock", "weather", "compliments"],
                                "slide3": ["clock", "MMM-NFL"],
                                "slide4": [{ name: "calendar", carouselId: "cal1", classes:"cal1" }, "MMM-NFL"],
                                "slide5": [{ name: "calendar", carouselId: "cal2", classes: "cal2" }, "weather"]
                            }
                        }
                    },
            

            And as an example, my first calendar on the screen…

            {
                        module: "calendar",
                        carouselId: "cal1",
                        classes: "cal1",
            

            And my second…

            {
                        module: "calendar",
                        carouselId: "cal2",
                        classes: "cal2",
            
            K 1 Reply Last reply Dec 4, 2023, 8:13 PM Reply Quote 0
            • K Offline
              KristjanESPERANTO Module Developer @JeffreyDaro
              last edited by Dec 4, 2023, 8:13 PM

              @JeffreyDaro The carouselId has to be in the config part. Like this:

              {
                    module: "calendar",
                    position: "top_right",
                    config: {
                    	carouselId: "cal1",
                    	...
                    }
                  },
                  {
                    module: "calendar",
                    position: "top_right",
                    config: {
                    	carouselId: "cal2",
                    	...
                    }
                  },
              
              J 1 Reply Last reply Dec 4, 2023, 9:30 PM Reply Quote 0
              • J Offline
                JeffreyDaro @KristjanESPERANTO
                last edited by Dec 4, 2023, 9:30 PM

                @KristjanESPERANTO,

                Thank you! That was the issue. My eye did not catch that in the documentation. I appreciate your time and your patience.

                JD.

                1 Reply Last reply Reply Quote 1
                • D Offline
                  dathbe
                  last edited by Apr 12, 2025, 7:07 PM

                  Is there any functional difference between MMM-Pages and MMM-Carousel? I’m using Carousel, but just stumbled across Pages and am wondering if the grass is greener on that side…

                  S 1 Reply Last reply Apr 12, 2025, 7:56 PM Reply Quote 0
                  • S Offline
                    sdetweil @dathbe
                    last edited by Apr 12, 2025, 7:56 PM

                    @dathbe roughly the same . the buttons are a separate modules

                    and because it uses classes , the duplicates are easier

                    Sam

                    How to add modules

                    learning how to use browser developers window for css changes

                    S 1 Reply Last reply Apr 13, 2025, 2:22 AM Reply Quote 0
                    • S Offline
                      sdetweil @sdetweil
                      last edited by Apr 13, 2025, 2:22 AM

                      @dathbe I like the flexibility of pages, you can use the module classes: property
                      outside the module config for multiple instances of the same module
                      (and use the same value in custom.css selectors)

                      I updated the doc on how to use a fixed page name structure

                      “page1”,
                      “page2”,
                      “page3”

                      and use those values in the classes: of the modules you want to group together

                      I always had trouble remembering, is THIS module on page 2 or 3?
                      have to go back and look at the config(using module names)
                      and then back down, lose my place, repeat

                      now the module itself lists the page its on…
                      no id’s, no weird settings,

                      my forks of pages, Carousel and ModulesGroupsRotation all provide a property to have different display times for different pages.

                      and the page name can be anything

                      Mom, Dad, joe, finance, power mgmt, … so it helps you organize the data (me at least)

                      Sam

                      How to add modules

                      learning how to use browser developers window for css changes

                      D 1 Reply Last reply 29 days ago Reply Quote 1
                      • 1
                      • 2
                      • 1 / 2
                      • First post
                        Last post
                      Enjoying MagicMirror? Please consider a donation!
                      MagicMirror created by Michael Teeuw.
                      Forum managed by Sam, technical setup by Karsten.
                      This forum is using NodeBB as its core | Contributors
                      Contact | Privacy Policy