• 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-CalendarExt3 multiple instance display

Scheduled Pinned Locked Moved Solved Troubleshooting
6 Posts 3 Posters 642 Views 3 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
    jlward73
    last edited by Apr 18, 2024, 3:09 AM

    I’ve been using this module for several months and love it. Now, after adding buttons that work with MMM-Carousel2 in slide mode, I would like to add a new instance of the calendar displaying the next month. I know that I need to add another instance in the config.js file, and change the instanceID of the new calendar to a different name and change the monthIndex to 1 so it will show the next month vice the current month. My question, is how do I call the different instance using carousel? Right now, I have “CURR_MONTH” on the first slide by simply calling “MMM-CalendarExt3” in the list for slide one. When I add the second instance (“NEXT_MONTH”) in the config file, how do I specify which instance to use on each slide?

    S M 2 Replies Last reply Apr 18, 2024, 11:11 AM Reply Quote 0
    • S Offline
      sdetweil @jlward73
      last edited by sdetweil May 6, 2024, 8:57 PM Apr 18, 2024, 11:11 AM

      @jlward73 carousel like pages documents using the module name. but the actual mechanism is using a classmame to search the MagicMirror page.
      edit: i am wrong… carousel uses ONLY the NAME of the modules

      so one can create an additional set of class
      names for a module, using the
      classes property after the module
      property
      see the doc here
      https://docs.magicmirror.builders/modules/configuration.html#example

      MMM-Psges does the same thing
      see the updated Readme on my fork, for the alternative approach

      https://github.com/sdetweil/MMM-pages

      you can use the classes: property on one module and the module name for the rest

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      1 Reply Last reply Reply Quote 0
      • M Offline
        MMRIZE @jlward73
        last edited by MMRIZE Apr 19, 2024, 7:09 AM Apr 18, 2024, 2:00 PM

        @jlward73
        You can do it with only 1 instance by notification juggling. Tomorrow I’ll show you the example. (Of course you can swap 2 of instances also)

        PS.
        Sorry. MMM-Carousel2 Doesn’t emit any notification to use.

        J 2 Replies Last reply May 4, 2024, 4:34 AM Reply Quote 0
        • J Offline
          jlward73 @MMRIZE
          last edited by May 4, 2024, 4:34 AM

          @MMRIZE
          Sorry to pester you yet again, but after getting Journal just how I wanted, especially after you added the border around today (thank you), I’m trying to get multiple instances up on the screen. I’m starting by having only the basic calendar (with no listed position) and two instances of CX3 (current month and next month). I just want to get those on the same page. From there I want to feed it into Carousel, but I’m still trying to figure out how to “call” the right one. I’m assuming MMM-CalendarExt3{instanceID} where my two instances are labeled CURR_MONTH (monthIndex: 0) and NEXT_MONTH(monthIndex: 1).

          S 1 Reply Last reply May 4, 2024, 11:35 AM Reply Quote 0
          • S Offline
            sdetweil @jlward73
            last edited by May 4, 2024, 11:35 AM

            @jlward73 see my fork of MMM-Pages,
            https://github.com/sdetweil/MMM-pages

            only the readme. for an alternate way to use both modules
            pages and carousel.

            search for alternative approach

            Sam

            How to add modules

            learning how to use browser developers window for css changes

            1 Reply Last reply Reply Quote 0
            • J Offline
              jlward73 @MMRIZE
              last edited by May 22, 2024, 1:09 AM

              @MMRIZE
              I was able to force it to work by re-naming the .js and .css files as seen in many posts. I also changed everything in the .css file from CX3 to CXN (for Next), and had to rename the popoverSupported and animationSupported constants at the beginning of the .js file. Maybe a little over the top, but it worked. I presume the smarter way would be to have a branch in github, but I haven’t started dabbling in that yet.

              1 Reply Last reply Reply Quote 0
              • J jlward73 has marked this topic as solved on May 22, 2024, 1:10 AM
              • 1 / 1
              • 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