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.
    • 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
                      • M Offline
                        MMRIZE @Fjerdrumsmoen
                        last edited by MMRIZE

                        @Fjerdrumsmoen
                        For google calendar you need some additional config. See the readme.md more.

                        1 Reply Last reply Reply Quote 0
                        • 1
                        • 2
                        • 64
                        • 65
                        • 66
                        • 67
                        • 68
                        • 68 / 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