• 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
675 Posts 81 Posters 2.3m 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.
  • D Offline
    DDE12 @sdetweil
    last edited by Nov 15, 2022, 8:23 PM

    @sdetweil
    Like so…?

    modules:  [
       {
              module: "MMM-CalendarExt3",
              position: "fullscreen_above",
              classes: 'MonthPage',
                    config: {
                         mode: "month",
                         instanceId: "FamilyMonth",
                         calendarSet: ['Holidays', 'Dad', 'Mom', 'Child'],
                    }
        },
        {
              module: "MMM-CalendarExt3",
              position: "fullscreen_above",
              classes: 'WeeksPage' 
                    config: {
                         mode: "week",
                         instanceId: "FamilyWeek",
                        calendarSet: ['Holidays', 'Dad', 'Mom', 'Child'],
                    }
        },
        {
                module: 'MMM-pages',
                     config: {
                                 modules: [
                                                ['MonthPage'],
                                                ['WeeksPage']
                                   ],
                      },
         },
      }
    ]
    
    S 1 Reply Last reply Nov 15, 2022, 8:41 PM Reply Quote 0
    • S Offline
      sdetweil @DDE12
      last edited by Nov 15, 2022, 8:41 PM

      @DDE12 yes

      I would label the pages ( in pages config)

      page1
      page2

      cause that is the order they are shown.

      you can have as many modules on a page as u want and can fit of course.

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      D 1 Reply Last reply Nov 15, 2022, 9:15 PM Reply Quote 0
      • D Offline
        DDE12 @sdetweil
        last edited by Nov 15, 2022, 9:15 PM

        @sdetweil
        Yeah, that would definitely be less confusing. Do I have the classes: “FamilyWeek” and classes: “FamilyMonth” in the right place in the CalenderExt3 config(s)?

        S 1 Reply Last reply Nov 15, 2022, 9:28 PM Reply Quote 0
        • S Offline
          sdetweil @DDE12
          last edited by Nov 15, 2022, 9:28 PM

          @DDE12 either can be used in css to select elements to style

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          D 1 Reply Last reply Nov 16, 2022, 3:21 AM Reply Quote 0
          • 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
                      • 1
                      • 2
                      • 17
                      • 18
                      • 19
                      • 20
                      • 21
                      • 67
                      • 68
                      • 19 / 68
                      19 / 68
                      • First post
                        181/675
                        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