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-CalendarExt2

    Scheduled Pinned Locked Moved Utilities
    486 Posts 83 Posters 941.4k Views 83 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.
    • D Offline
      DJ6sTep
      last edited by DJ6sTep

      calendar.png

      Does anyone know how to increase the event cells? So it will display on the line below? I’ve included a screenshot, you can see that my event doesn’t fit on one line & I’ve been able to wrap the text & it shows the overflow text below, but the cell is too small. I’ve looked online into wrap & flex styles for the custom.css file.

      Let me know if anyone has ran into this issue & what the fix is.

      Cheers,

      1 Reply Last reply Reply Quote 0
      • D Offline
        DJ6sTep @Jerrylein
        last edited by

        @jerrylein @Sean how did you get your event cells larger to display an event that has a long description to the line below as well? I’ve tried using wrap & flex in my custom.css file & no dice.

        Any help would be appreciated.

        I couldn’t post a screenshot of what I’m talking about, but I was able to post it in the link below:

        https://forum.magicmirror.builders/topic/9279/mmm-calendarext2/375?page=38

        S 1 Reply Last reply Reply Quote 0
        • S Offline
          sdetweil @DJ6sTep
          last edited by sdetweil

          @dj6step Sean has left the forums due to family issues. no one has taken over this module.

          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
            DJ6sTep @sdetweil
            last edited by

            @sdetweil I’m sorry to hear that about Sean. I guess I’ll keep my fingers crossed to see if @Jerrylein or anyone can point me in the right direction. This is the last piece I need to complete my MM.

            Appreciate the quick response on this. This calendar module is the best out there.

            1 Reply Last reply Reply Quote 0
            • nitewing76N Offline
              nitewing76
              last edited by

              To have different calendars on different pages MMM-Pages uses:

                  notifications: {
                    "PAGE_INCREMENT" : {
                          exec: "sceneNext",
                    },
                    "PAGE_DECREMENT" : {
                           exec: "scenePrevious",
                     },
                  } }
              

              What would the equivalent be for MMM-Carousel, where the notification is constant and the payload changes?

                  notification: "REMOTE_ACTION",
                  payload: { action: "CAROUSEL_NEXT" }
              
                  notification: "REMOTE_ACTION",
                  payload: { action: "CAROUSEL_PREVIOUS" }
              
              nitewing76N 1 Reply Last reply Reply Quote 0
              • nitewing76N Offline
                nitewing76 @nitewing76
                last edited by

                This sort of works:

                notifications: {  
                    "REMOTE_ACTION" : {
                         payload: "CAROUSEL_NEXT",
                         exec: "sceneNext",
                    }
                 },
                

                Except in the view config, for page 2 only one scene is listed instead of both as it is with MMM-Pages (otherwise both are shown). However, when I switch to page 2: the calendar from page 1 is drawn for a few milliseconds, then the correct calendar is drawn, but then is immediately redrawn.

                1 Reply Last reply Reply Quote 0
                • mrjdarM Offline
                  mrjdar
                  last edited by

                  Hi all! Newbie here to all this… I’m building out my first smart display and the wife is hoping to have a 2 month calendar view - current and next month. Having a hard time figuring out on my own if that’s possible.

                  Got CalendarExt2 up and running without a hitch. Hoping there’s a way to show a second month right next to it. Any ideas?

                  nitewing76N R 2 Replies Last reply Reply Quote 0
                  • nitewing76N Offline
                    nitewing76 @mrjdar
                    last edited by

                    @mrjdar No, it would be one on top of the other and probably too crammed to do much with. To paraphrase the dev from awhile back…the intent of MM is to have a snapshot of your life, smartphones/tablets are better suited to go beyond that.

                    For me, I put one month on a page, then the next month on another page. Here’s a guide on how to do that…but for it to work on mine, I only put 1 view per scene. In other words, don’t stack them views:[“VIEW1”, “VIEW2”], just views:[“VIEW2”] and the same for other pages. Then I use MMM-Pages and MMM-KeyBindings to move from page to page.

                    mrjdarM 1 Reply Last reply Reply Quote 1
                    • mrjdarM Offline
                      mrjdar @nitewing76
                      last edited by

                      @nitewing76 Perfect thanks for the info! Sounds like that should make her happy and let me keep this up in the house :grinning_face_with_sweat:

                      1 Reply Last reply Reply Quote 2
                      • R Offline
                        rmcelwee @mrjdar
                        last edited by

                        @mrjdar said in MMM-CalendarExt2:

                        Got CalendarExt2 up and running without a hitch. Hoping there’s a way to show a second month right next to it. Any ideas?

                        I set mine up to display weekly format, 6 weeks, starting with the current week. So, 50% of the time it will actually display more “future” days than what you are wanting to do. Would that help?

                        mrjdarM 1 Reply Last reply Reply Quote 1
                        • mrjdarM Offline
                          mrjdar @rmcelwee
                          last edited by

                          @rmcelwee Yep that’s what I ended up going with after messing around with it some

                          1 Reply Last reply Reply Quote 0
                          • mrjdarM Offline
                            mrjdar
                            last edited by mrjdar

                            Hi again all. I was messing around with this and reading more of the documentation and came across a nice solution for my previous post (kind of on accident). I have this:

                            views: [
                             {
                               position: "bottom_left",
                               mode: "month",
                             },
                             {
                               position: "bottom_right",
                               mode: "month",
                               fromNow: "1",
                             },
                            ],
                            

                            In short it shows you the current month on the left, and the next month on the right. Works perfect for our needs!

                            BKeyportB 1 Reply Last reply Reply Quote 0
                            • BKeyportB Offline
                              BKeyport Module Developer @mrjdar
                              last edited by

                              Anyone know the transform function rather well?

                              I want to change the name on my calendar items from the actual title, to a generic “Appointment”.

                              I’m pretty sure it’s a transform, I’m just not sure how to do it.

                              Thanks!

                              The "E" in "Javascript" stands for "Easy"

                              1 Reply Last reply Reply Quote 0
                              • D Offline
                                djpoirrier
                                last edited by

                                I’m trying to have a ‘daily’ view where in the morning it shows all of the items for today, and in the evening it shows all of the items for tomorrow. I know i have to make two different ‘views’ and two different ‘scenes’, but what i am struggling with is how to actually change them. I saw in the github that you can do this either on a set period with the ‘rotateInterval’ command but also with a notification or other trigger. How would i go about doing so with the notification or other trigger? Any documentation out there about that?

                                Thanks,
                                Devin

                                D 1 Reply Last reply Reply Quote 0
                                • D Offline
                                  djpoirrier @djpoirrier
                                  last edited by

                                  Well i ended up figuring out how to do this a couple hours after this post, so i figured I would share in case anyone else wanted to do the same. I used MMM-ModuleScheduler. Basically you can set certain times to send out a notification that MMM-CalendarExt2 recognizes. Heres my config:

                                  {
                                  	module: "MMM-ModuleScheduler",
                                  	config: {
                                  		notification_schedule: [
                                  			{
                                  				notification: "CALEXT2_SCENE_CHANGE",
                                  				schedule: "0 12 * * *",  //Schedule time based on crontab.guru
                                  				payload: {
                                  					type: "name",
                                  					key: "Afternoon Scene"
                                  				}
                                  			},
                                  			{
                                  				notification: "CALEXT2_SCENE_CHANGE",
                                  				schedule: "0 0 * * *",  //Schedule time based on crontab.guru
                                  				payload: {
                                  					type: "name",
                                  					key: "Morning Scene"
                                  				}
                                  			}
                                  		]
                                  	}
                                  }
                                  

                                  You can set up as many scheduled notifications as you’d like. You can see here that, based on crontab scheduling, I am set up to change the scene at Midnight and at noon. The payload key value is the name of the scene you’d like to switch to. You can see other options on CalExt2 notifications here.

                                  R 1 Reply Last reply Reply Quote 0
                                  • R Offline
                                    rmcelwee @djpoirrier
                                    last edited by

                                    @djpoirrier said in MMM-CalendarExt2:

                                    Well i ended up figuring out how to do this

                                    I’d like to see a picture of what this looks like.

                                    1 Reply Last reply Reply Quote 0
                                    • L Offline
                                      luke1
                                      last edited by

                                      Hi, i have a problem with my scanInterval I want it to update every 2 hours but it keeps updating every minute. (disappears for one second)
                                      I already tried different time formats but it didn’t work.
                                      Thanks,
                                      Luke

                                      module: 'MMM-CalendarExt2',
                                                              config: {
                                                                      calendars : [
                                                                              {
                                                                                      name: „Ich",
                                                                                      url: „***********“,
                                                                                      scanInterval: 7200000, (already tried: 1000*60*60*2, 2*60*60*1000, )
                                                                              },
                                                                              {
                                                                                      name: "Feiertage",
                                                                                      url: „***********",
                                                                                      scanInterval: 7200000, (already tried: 1000*60*60*2, 2*60*60*1000, )
                                                                              },
                                                                               {
                                                                                      name: "Uni",
                                                                                      url: „**********"
                                                                                      scanInterval: 7200000, (already tried: 1000*60*60*2, 2*60*60*1000, )
                                                                              },
                                                                      ],
                                                                      views: [
                                                                              {
                                                                                      name: "view1",
                                                                                      mode: "week",
                                                                                      calendars: [],
                                                                                      hideOverflow: false,
                                                                                      position: "bottom_bar",
                                                                                      slotCount: 3,
                                                                                      filterPassedEvent: true,
                                                                                      locale: "de-DE",
                                                                              },
                                                                              {
                                                                                      name: "upcoming",
                                                                                      mode: "upcoming",
                                                                                      position: "top_left",
                                                                                      maxItems: 5,
                                                                                      maxDays: 7,
                                                                                      locale: "de-DE",
                                                                                      hideOverflow: false,
                                                                                      filterPassedEvent: true,
                                                                              },
                                                                      ],
                                                                      scenes: [
                                                                              {
                                                                                      name: "DEFAULT",
                                                                              },
                                                                      ],
                                                              },
                                                      },
                                      
                                      
                                      BKeyportB 1 Reply Last reply Reply Quote 0
                                      • V Offline
                                        Vandrasky
                                        last edited by

                                        This post is deleted!
                                        1 Reply Last reply Reply Quote 0
                                        • BKeyportB Offline
                                          BKeyport Module Developer @luke1
                                          last edited by

                                          @luke1 I believe it refreshes every minute anyway, but don’t ping the servers for the time you specify. If you want it to stop animating as a stopgap, you can use this:

                                          /* Stop animating */ 
                                          
                                          .CX2.hidden {
                                            display: block;
                                            opacity: 1;
                                            animation-name: none;
                                            animation-iteration-count: 0;
                                            animation-timing-function: none;
                                            animation-duration: 0s;
                                          }
                                          
                                          .CX2.shown {
                                            display: block;
                                            opacity: 1;
                                            animation-name: none;
                                            animation-iteration-count: 0;
                                            animation-timing-function: none;
                                            animation-duration: 0s;
                                          }
                                          

                                          The "E" in "Javascript" stands for "Easy"

                                          L 1 Reply Last reply Reply Quote 1
                                          • L Offline
                                            luke1 @BKeyport
                                            last edited by

                                            @bkeyport Thanks a lot! :)

                                            1 Reply Last reply Reply Quote 0

                                            Hello! It looks like you're interested in this conversation, but you don't have an account yet.

                                            Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

                                            With your input, this post could be even better 💗

                                            Register Login
                                            • 1
                                            • 2
                                            • 3
                                            • 4
                                            • 5
                                            • 6
                                            • 24
                                            • 25
                                            • 4 / 25
                                            • 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