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 3.5k 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.
    • KristjanESPERANTOK Offline
      KristjanESPERANTO Module Developer @JeffreyDaro
      last edited by

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

      J 1 Reply Last reply Reply Quote 0
      • J Offline
        JeffreyDaro @KristjanESPERANTO
        last edited by

        @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",
        
        KristjanESPERANTOK 1 Reply Last reply Reply Quote 0
        • KristjanESPERANTOK Offline
          KristjanESPERANTO Module Developer @JeffreyDaro
          last edited by

          @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 Reply Quote 0
          • J Offline
            JeffreyDaro @KristjanESPERANTO
            last edited by

            @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

              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 Reply Quote 0
              • S Do not disturb
                sdetweil @dathbe
                last edited by

                @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 Reply Quote 0
                • S Do not disturb
                  sdetweil @sdetweil
                  last edited by

                  @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 Reply Quote 0
                  • D Offline
                    dathbe @sdetweil
                    last edited by

                    @sdetweil I like the idea of scheduling display times for pages.

                    Most of the rest of this it seems like I can do with Carousel–including giving the pages sensible names, and labeling certain modules to correspond with those pages–if, perhaps, in a bit more clunky way.

                    S 2 Replies Last reply Reply Quote 0
                    • S Do not disturb
                      sdetweil @dathbe
                      last edited by

                      @dathbe i added display times to carousel too

                      Sam

                      How to add modules

                      learning how to use browser developers window for css changes

                      1 Reply Last reply Reply Quote 0
                      • S Do not disturb
                        sdetweil @dathbe
                        last edited by

                        @dathbe my MMM-Config module doesn’t understand the carouselId inside the module config. . just cause you CAN code it doesn’t mean you should

                        Sam

                        How to add modules

                        learning how to use browser developers window for css changes

                        1 Reply Last reply Reply Quote 0
                        • 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