• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
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
654 Posts 77 Posters 1.8m Views 81 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
    DDE12 @sdetweil
    last edited by Nov 16, 2022, 3:21 AM

    @sdetweil
    I’m completely lost now. I thought all of this went in config.js.

    S 1 Reply Last reply Nov 16, 2022, 3:25 AM Reply Quote 0
    • S Offline
      sdetweil @DDE12
      last edited by Nov 16, 2022, 3:25 AM

      @DDE12 all of THAT goes.in config.js

      but if you want to change the color of the text for the second day of the week

      in custom.css

      . MMM-CalendarExt3  .weekday_1 {
            color:green;
      }
      

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      1 Reply Last reply Reply Quote 0
      • B Offline
        bicolorbore586
        last edited by Nov 17, 2022, 11:16 AM

        @fedale @MMRIZE @chadjohn2 I am also trying (unsuccessfully) to have the Calendar event change color depending on which name is in the title.

        With the original magicmirror calendar, I’ve used
        customEvents: [ {keyword: “Ben”, color: “Brown”} ], which shows the event title and associated symbol in Brown.
        1290b0bd-b654-42fe-9b13-051ec662cdf2-image.png

        In EXT3, using eventTransformer, only the symbol shows in color

        I’ve tried to use
        eventTransformer: function(event) {
        if (event.title.search(“Ben”) > -1) {
        event.className = “Ben”;
        }
        }
        with customer.css
        .CX3 .Ben {
        color: brown;
        }

        However, this then shows a blank calendar
        e0bc6deb-9688-4354-a914-bbeae156c41e-image.png

        Have any of you been successful?
        Where am I going wrong?

        Thanks

        M 1 Reply Last reply Nov 17, 2022, 12:21 PM Reply Quote 0
        • M Offline
          MMRIZE @bicolorbore586
          last edited by MMRIZE Nov 17, 2022, 12:21 PM Nov 17, 2022, 12:21 PM

          @bicolorbore586
          You have to return event object in eventTransformer function. When you omit ‘return’ statement in a function, implicitly it is same with ‘return null’

          B 1 Reply Last reply Nov 17, 2022, 12:59 PM Reply Quote 0
          • B Offline
            bicolorbore586 @MMRIZE
            last edited by Nov 17, 2022, 12:59 PM

            @MMRIZE have tried that, still doesn’t show anything.

            eventTransformer: function(event) {
            if (event.title.search(“Ben”) > -1) {
            event.className = “Ben”;
            return event
            }
            }

            M 1 Reply Last reply Nov 17, 2022, 5:58 PM Reply Quote 0
            • M Offline
              mumblebaj Module Developer @bicolorbore586
              last edited by Nov 17, 2022, 5:58 PM

              @bicolorbore586 If I am not mistaken, your return goes outside the IF statement

              Check out my modules at: https://github.com/mumblebaj?tab=repositories

              B B 2 Replies Last reply Nov 17, 2022, 7:50 PM Reply Quote 0
              • B Offline
                BKeyport Module Developer @mumblebaj
                last edited by BKeyport Nov 17, 2022, 7:50 PM Nov 17, 2022, 7:50 PM

                @mumblebaj

                Try this:

                eventTransformer: function(ev) {
                  if (ev.title.search(“Ben”) > -1)  ev.className = “Ben”;
                  return ev
                }
                

                directly off the README.md :

                eventTransformer: (ev) => {
                  if (ev.title.search('John') > -1) ev.color = 'blue'
                  return ev
                }
                

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

                1 Reply Last reply Reply Quote 0
                • B Offline
                  bicolorbore586 @mumblebaj
                  last edited by Nov 17, 2022, 8:01 PM

                  @mumblebaj so that now means I can see the events again, but still not coloured how I want.

                  1 Reply Last reply Reply Quote 0
                  • M Offline
                    mike23pizzo
                    last edited by Nov 18, 2022, 5:09 PM

                    I’m having some issues with broadcastPastEvents: true. Past events aren’t showing up on the calendar. Below is the default calendar code and the MMM-CalendarExt3 code. As well as a screenshot.

                    {
                    			module: "calendar",
                    			header: "Events",
                    			position: "top_left",
                    			config: {
                    				fetchInterval: "1000",
                    				colored: true,
                    				broadcastPastEvents: true,
                    				calendars: [
                    					{
                    						name: "us_holidays",
                    						url: //URL//,
                    						symbol: "calendar-check",
                    						color: "#338FFF",
                    						broadcastPastEvents: true,
                    					},
                    					{
                    						name: "mikes_cal",
                    						url:  //URL//,
                    						
                    					},
                    					{
                    						name: "dinners",
                    						url:  //URL//,
                    						symbol: "utensils",
                    						color: "#FFFB21",
                    						broadcastPastEvents: true,
                    					},
                    				]
                    			}
                    		},
                    
                    {
                    			module: "MMM-CalendarExt3",
                    			position: "bottom_right",
                    			weekIndex: "0",
                    			config: {
                    				broadcastPastEvents: true,
                    				mode: "week",
                    				firstDayOfWeek: "0",
                    				refreshInterval: "10000",
                    				calendarSet: ['us_holidays','mikes_cal','dinners'],
                    			}
                    		},
                    

                    a0ac3fee-a5d4-4249-bb24-a9cc4578a959-image.png

                    S 1 Reply Last reply Nov 18, 2022, 7:25 PM Reply Quote 0
                    • S Offline
                      sdetweil @mike23pizzo
                      last edited by Nov 18, 2022, 7:25 PM

                      @mike23pizzo it’s only set before the calendars list.

                      what mm version are u on? fix in latest 2.20 for events being truncated

                      Sam

                      How to add modules

                      learning how to use browser developers window for css changes

                      M 1 Reply Last reply Nov 18, 2022, 9:09 PM Reply Quote 0
                      • 1
                      • 2
                      • 17
                      • 18
                      • 19
                      • 20
                      • 21
                      • 65
                      • 66
                      • 19 / 66
                      19 / 66
                      • First post
                        186/654
                        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