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.
    • 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
            • F Offline
              Fjerdrumsmoen
              last edited by

              Thanks. Now it shows :-)

              But not with Google account.
              Should i put in this code in the config.js?

              preProcessor: (e) => {
                e.startDate = new Date(e.start?.date || e.start?.dateTime).valueOf()
                e.endDate = new Date(e.end?.date || e.end?.dateTime).valueOf()
                e.title = e.summary
                e.fullDayEvent = (e.start?.date) ? true : false
                return e
              }
              
              S M 2 Replies Last reply Reply Quote 0
              • S Offline
                sdetweil @Fjerdrumsmoen
                last edited by

                @Fjerdrumsmoen just use the Google url instead of the holidays… does it show in default calendar?
                no… fix that

                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

                  @Fjerdrumsmoen
                  In CX3 module config not global or calendar module.

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

                    1.4.0 (2023-06-04)

                    popover

                    • ADDED (Experimental) Show popover of event details on click/touch (Chrome 114 or Electron 25 needed)

                    See https://github.com/MMRIZE/MMM-CalendarExt3/discussions/80

                    • FIXED Clarify code for using MMM-GoogleCalendar module #78 (Thanks to @jcherniak)
                    • UPDATED Updated CX3_Shared submodule #76 / More robust oppositeColor calculation. (Thanks to @btastic)

                    Preview video is here: https://github.com/MMRIZE/public_ext_storage/issues/1

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

                      @MMRIZE This is awesome!! Congrats!!!
                      Unfortunately I don’t have a touch screen but this opens a new world of possibilities for those who have.

                      1 Reply Last reply Reply Quote 0
                      • M Offline
                        MM19198
                        last edited by

                        How do I use MMM-CalendarExt3 to show events from MMM-GoogleCalendar? I have MMM-GoogleCalendar setup and it’s displaying events. However, I tried adding MMM-CalendarExt3 to the config and it won’t display anything. Any help is much appreciated.

                        My config file…

                        {
                        	module: "MMM-GoogleCalendar",
                        	header: "Family Calendar",
                        	position: "top_left",
                        	classes: "calendar-agenda",
                        	config: {
                        		calendars: [
                        			{
                        				symbol: "calendar-week",
                        				calendarID: "myemail@gmail.com",
                        				name: "mycalendar"
                        			},
                        		],
                        		fade: false,
                        		maximumNumberOfDays: 5,
                        		showlocation: true,
                        		tableClass: "medium",
                        		
                        	}
                        },
                        {
                        	module: "MMM-CalendarExt3",
                        	position: "top_left",
                        	config: {
                        		instanceID: "I-calendar-month",
                        		calendarSet: ['mycalendar'],
                        		weeksInView: 3
                        	}
                        },
                        
                        BKeyportB 1 Reply Last reply Reply Quote 0
                        • 1
                        • 2
                        • 24
                        • 25
                        • 26
                        • 27
                        • 28
                        • 67
                        • 68
                        • 26 / 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