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

    Scheduled Pinned Locked Moved Utilities
    689 Posts 82 Posters 2.8m Views 86 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.
    • M Offline
      MMRIZE @OliWer
      last edited by

      @OliWer

      Thanks for using CX2. I think it is an almost-perfect module which I made. However, some people feel so difficult to use it. So I made a new one, CX3

      While CX2 is enough for your purpose, just use it until you find a better alternative.
      Anyway, I will not maintain it in near future. The most main reason is, that it is too heavy and severely dependent on other node-dependencies.

      For the ExtPlan (and agenda view), I will provide an equivalent module for CX2 someday.

      O 1 Reply Last reply Reply Quote 0
      • O Offline
        OliWer @MMRIZE
        last edited by

        @MMRIZE said in MMM-CalendarExt3:

        For the ExtPlan (and agenda view), I will provide an equivalent module for CX2 someday.

        Hope you mean CX3 ;)
        Will wait until its done and closely monitor the evolution of CX3. Thanks again for your contribution, really good work!

        M 1 Reply Last reply Reply Quote 0
        • M Offline
          MMRIZE @OliWer
          last edited by

          @OliWer
          :) CX3 indeed.

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

            @MMRIZE When are you adding “upcoming” view in CX3? :rolling_on_the_floor_laughing:

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

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

              @MMRIZE
              How to add a event where do you place.

              {
                "title": "Leeds United - Chelsea",
                "startDate": 1650193200000,
                "endDate": 1650199500000,
                "fullDayEvent": false,
                "class": "PUBLIC",
                "location": false,
                "geo": false,
                "description": "...",
                "today": false,
                "symbol": ["calendar-alt"],
                "calendarName": "tottenham",
                "color": "gold",
                "calendarSeq": 1, // This would be the order from `calendarSet` of configuration
                "isPassed": true,
                "isCurrent": false,
                "isFuture": false,
                "isFullday": false,
                "isMultiday": false
              }
              
              M S 2 Replies Last reply Reply Quote 0
              • M Offline
                MMRIZE @Dav8574
                last edited by

                @Dav8574
                ??? I cannot understand what you meant. Explain in more detail what you want.

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

                  @Dav8574 you add calendar entries to a Google or similar calendar system

                  you use the ical url for that cake dar to the default calendar modules in mm, which download and parse the events, and then broadcast them to other modules

                  where Ext3, picks them up and produces different views of the entries

                  Sam

                  How to add modules

                  learning how to use browser developers window for css changes

                  1 Reply Last reply Reply Quote 0
                  • luisestradaL Offline
                    luisestrada
                    last edited by

                    Hi again,

                    For some reason my calendars stopped working again, it seems it only shows two items in the past from two different calendars, but only once.

                    Screen Shot 2022-07-06 at 4.31.02 PM.png

                    And it seems to be the missing ones are private ics from google calendar. This occurred just right after the new update. I tried ever changing the private url in google and even reinstalling MagicMirror with no luck.

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

                      @luisestrada Ext3 gets entries broadcast from the default calendar.

                      there was a change(me), that may have caused entry truncation, if you have maximumEntries set in any calendar entry

                      Sam

                      How to add modules

                      learning how to use browser developers window for css changes

                      luisestradaL 1 Reply Last reply Reply Quote 0
                      • luisestradaL Offline
                        luisestrada @sdetweil
                        last edited by

                        @sdetweil it may sound funny but now, I see all the future events but the ones that already passed, disappeared.

                        and just in case:

                        broadcastPastEvents: true,
                        
                        S luisestradaL 2 Replies Last reply Reply Quote 0
                        • S Do not disturb
                          sdetweil @luisestrada
                          last edited by

                          @luisestrada there is another setting to broadcast past events too ( not by default)

                          Sam

                          How to add modules

                          learning how to use browser developers window for css changes

                          A 1 Reply Last reply Reply Quote 0
                          • A Offline
                            almightyyoshi @sdetweil
                            last edited by

                            Hi, all. How can I remove the border for a specific calendar? I got this from @MMRIZE

                            .CX3 .event.fullday,
                            .CX3 .event.multiday {
                                    border-left: 4px solid var(--calendarColor);
                                    border-bottom: 1px solid var(--calendarColor);
                            
                            .CX3 .event.singleday {
                                    border-left:4px solid var(--calendarColor);
                            

                            There are a couple of calendars where I have icons so I don’t want to use any border. I’ve tried a few different ways (including calendarName_{Music}, data-calendar-name=“Music”), but none worked, so it seems I’m doing something incorrectly. A little help, please?

                            M 1 Reply Last reply Reply Quote 0
                            • M Offline
                              MMRIZE @almightyyoshi
                              last edited by

                              @almightyyoshi

                              /* To remove all the borders from all the events */
                              .CX3 .event {
                                border:  none;
                              }
                              
                              /* To remove all the borders from the events of specific calendar */
                              .CX3 .event.calendar_YOURCALENDARNAME {
                                border: none;
                              }
                              
                              

                              REMARK

                              • You’d better assign a name of calendar with safe characters (without whitespace, special characters or emoji, …)
                              • You might have wanted to remove background, not the border itself. Anyway you asked how to remove the border, so I answered.
                              A 1 Reply Last reply Reply Quote 0
                              • luisestradaL Offline
                                luisestrada @luisestrada
                                last edited by

                                @sdetweil said in MMM-CalendarExt3:

                                @luisestrada there is another setting to broadcast past events too ( not by default)

                                Which one is that?

                                M 1 Reply Last reply Reply Quote 0
                                • M Offline
                                  MMRIZE @luisestrada
                                  last edited by

                                  @luisestrada

                                  • broadcastPastEvents : enable the feature
                                  • maximumNumberOfDays : how old events would be gathered
                                  • maximumEntries : give enough rooms otherwise your too old events would consume your default slots.
                                  S 1 Reply Last reply Reply Quote 0
                                  • S Do not disturb
                                    sdetweil @MMRIZE
                                    last edited by

                                    @MMRIZE said in MMM-CalendarExt3:

                                    maximumEntries : give enough rooms otherwise your too old events would consume your default slots.

                                    I may have messed this one up on latest release…

                                    altho documented as a different setting for each calendar, it did not work.
                                    (wasn’t used)
                                    I added it back, BUT now it chops off at maximumEntries…

                                    the author of the PR has fixed it again in develop branch…
                                    broadcast all, chop off for display later

                                    Sam

                                    How to add modules

                                    learning how to use browser developers window for css changes

                                    1 Reply Last reply Reply Quote 0
                                    • E Offline
                                      EphraimB
                                      last edited by

                                      [17.07.2022 12:36.14.788] [INFO] Calendar-Fetcher: Broadcasting 10 events.

                                      		{
                                      			module: "calendar",
                                      			//position: "top_left",	// This can be any of the regions. Best results in left or right regions.
                                      			config: {
                                      				instanceId: "WeeklyCalendar",
                                      				colored: true,
                                      				showLocation: true,
                                      				maxTitleLength: 50,
                                      				maxLocationTitleLength: 50,
                                      				calendars: [
                                      					{
                                      						url: 'https://calendar.google.com/calendar/ical/emb16social%40gmail.com/public/basic.ics',
                                      						symbol: 'calendar'
                                      					},
                                      				],
                                      			}
                                      		},
                                      		{
                                      		  module: "MMM-CalendarExt3",
                                      		  position: "bottom_center",
                                      		  title: "Personal calendar",
                                      		  config: {
                                      			mode: "week",
                                      			instanceId: "WeeklyCalendar",
                                      			weekIndex: 0,
                                      			weeksInView: 1,
                                      			firstDayOfWeek: 0,
                                      			calendarSet: ['personal']
                                      		  }
                                      		},
                                      

                                      It displays on the calendar but not the ext3 extention

                                      M 1 Reply Last reply Reply Quote 0
                                      • M Offline
                                        MMRIZE @EphraimB
                                        last edited by MMRIZE

                                        @EphraimB
                                        You are referring a calendar which has the name of “personal” in your “calendarSet”, but there is no calendar in your “calendar” module’s config like that. That’s the reason.

                                        E 1 Reply Last reply Reply Quote 0
                                        • E Offline
                                          EphraimB @MMRIZE
                                          last edited by

                                          @MMRIZE Thank you. It’s fixed.

                                          1 Reply Last reply Reply Quote 0
                                          • A Offline
                                            almightyyoshi @MMRIZE
                                            last edited by

                                            @MMRIZE

                                            Not sure what I’m doing wrong. I’ve tried the following:

                                            .CX3 .event.calendar_Music {
                                                    border: none;
                                            }
                                            
                                            .CX3 .event.calendar_"Music" {
                                                    border: none;
                                            }
                                            
                                            .CX3 .event.calendar_MUSIC {
                                                    border: none;
                                            }
                                            
                                            .CX3 .event.calendar_"MUSIC" {
                                                    border: none;
                                            }
                                            
                                            .CX3 .event.calendar_music {
                                                    border: none;
                                            }
                                            
                                            .CX3 .event.calendar_"music" {
                                                    border: none;
                                            }
                                            

                                            Do calendar names pull from the default calendar module, or do they need to be specified somewhere within CX3?

                                            BKeyportB S M 3 Replies 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
                                            • 16
                                            • 17
                                            • 18
                                            • 19
                                            • 20
                                            • 34
                                            • 35
                                            • 18 / 35
                                            • 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