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
    676 Posts 81 Posters 2.4m Views 85 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 @kasperinline
      last edited by

      @kasperinline
      Do that in your ‘custom.css’ not in the ‘MMM-CalendarExt3.css’

      K 1 Reply Last reply Reply Quote 0
      • K Offline
        kasperinline @MMRIZE
        last edited by

        @MMRIZE said in MMM-CalendarExt3:

        @kasperinline
        Do that in your ‘custom.css’ not in the ‘MMM-CalendarExt3.css’

        Yes of course :-)

        Always in the ‘custom.css’

        1 Reply Last reply Reply Quote 0
        • S Offline
          Studio472
          last edited by

          I have an MLB calendar displaying my favorite team. West coast evening games span 2 days in my calendar (which looks goofy).

          Is there a way to transform an event to only run 1 hour so it displays in a single day?

          M 2 Replies Last reply Reply Quote 0
          • M Offline
            MMRIZE @Studio472
            last edited by

            @Studio472
            I think it could be possible with preProcessor, but I’m not in front of my computer, so cannot show example at this moment.

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

              @Studio472
              Config:

              eventTransformer: (event) => {
                if (event.calendarName === 'MLB') { // I assume you assigned 'MLB' as a calendar name.
                  event.endDate = event.startDate + 1000 // I think 1000ms is safer than 1 hour
                }
                return event
              },
              

              Before:
              94f49829-9053-4304-8c66-96cf32cf20f9-image.png
              After:
              167b3560-ec7e-4e6f-98c2-abd8883e96dc-image.png

              1 Reply Last reply Reply Quote 0
              • F Offline
                Fjerdrumsmoen
                last edited by

                Hi

                Need some help here.
                Trying to get this module to work, but only the “header” of the month is showing. No events is listing, and no dates are showing. In the GoogleCalender module I can see the events, so I know that the GoogleCalender is working.

                Do someone know what is wrong? My config file is like this:

                		{
                			module: 'MMM-GoogleCalendar',
                			header: "Familie Kalender",
                			position: "top_left",
                			config: {
                				calendars: [
                					{
                						color: "red",
                						name: "FK",
                						broadcastPastEvents: true, // <= IMPORTANT to see past events
                						calendarID: "GOOGLE ID_ deleted from the code"
                					}
                						// add another calendar HERE if needed
                				]
                			}
                		},
                		{
                			 module: "MMM-CalendarExt3",
                			 position: "bottom_center",
                			 title: "Familie kalenderen",
                			 config: {
                				mode: "month",
                				instanceId: "basicCalendar",
                				locale: 'de-DE',
                				maxEventLines: 5,
                				firstDayOfWeek: 1,
                				calendarSet: ['FK']
                			  }
                			},
                
                S M 3 Replies Last reply Reply Quote 0
                • S Offline
                  sdetweil @Fjerdrumsmoen
                  last edited by

                  @Fjerdrumsmoen calendarExt3 gets its data from the default calendar module…

                  so you have to configure it, and just comment out the position: setting…

                  Sam

                  How to add modules

                  learning how to use browser developers window for css changes

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

                    @Fjerdrumsmoen said in MMM-CalendarExt3:

                    module: ‘MMM-GoogleCalendar’,

                    no, use

                    module: "calendar"
                    

                    Sam

                    How to add modules

                    learning how to use browser developers window for css changes

                    1 Reply Last reply Reply Quote 0
                    • F Offline
                      Fjerdrumsmoen
                      last edited by

                      Hmm. All empty when I use the calendar module, also. Tested with the US holidays, and everything stays blank. (Without the heading)

                      Any other tips?

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

                        @Fjerdrumsmoen 1st
                        w default cal module, does the calendar display?
                        (before u comment out position)

                        did u try the default ext3 config?

                        I used the default ext3 config from doc, with the holidays
                        commented out calendarSet, and locale…

                        {
                          module: "MMM-CalendarExt3",
                          position: "bottom_bar",
                          title: "",
                          config: {
                            mode: "month",
                            instanceId: "basicCalendar",
                           // locale: 'de-DE',
                            maxEventLines: 5,
                            firstDayOfWeek: 1,
                            //calendarSet: ['us_holiday', 'abfall', 'mytest'],
                        
                          }
                        },
                        

                        got
                        Screenshot at 2023-06-03 11-22-37.png

                        Sam

                        How to add modules

                        learning how to use browser developers window for css changes

                        1 Reply Last reply Reply Quote 0
                        • 1
                        • 2
                        • 25
                        • 26
                        • 27
                        • 28
                        • 29
                        • 67
                        • 68
                        • 27 / 68
                        • 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