• 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
666 Posts 79 Posters 2.2m Views 83 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.
  • A Offline
    almightyyoshi
    last edited by Jul 16, 2024, 11:46 PM

    I have a Cozi calendar for dinner and the event comes over as “All: Pork Tenderloin”. Is there any way to get rid of the “All:” (with either Transform or preProcessor) and keep the rest?

    M 1 Reply Last reply Jul 18, 2024, 6:29 AM Reply Quote 0
    • M Offline
      MMRIZE @almightyyoshi
      last edited by MMRIZE Jul 18, 2024, 9:08 AM Jul 18, 2024, 6:29 AM

      @almightyyoshi

      eventTransformer: (ev) => {
        ev.title = ev.title.replace("All:", "")
        return ev
      },
      
      A 1 Reply Last reply Jul 18, 2024, 2:40 PM Reply Quote 0
      • A Offline
        almightyyoshi @MMRIZE
        last edited by Jul 18, 2024, 2:40 PM

        @MMRIZE Sigh. I knew it was going to be something easy like that and I was overthinking it. Thanks! Couple more questions:

        1. How can I remove the CW? I’ve tried:
        .CX3 .cell.cellHeader .cw {
                display: none;
        }
        
        .CX3 .cell .cellHeader .cw {
                display: none;
        }
        
        .CX3 .cellHeader .cw {
                display: none;
        }
        

        and

        .CX3 .cell .cw {
                display: none;
        }
        
        1. How can I remove the start time in an instance? I’ve tried:
        .CX3_currentMonth .event .time.startTime {
                display: none;
        }
        

        I got it working with a specific calendar using:

        .CX3 .event.calendar_Dinner .time.startTime {
                display: none;
        }
        
        M 2 Replies Last reply Jul 18, 2024, 6:36 PM Reply Quote 0
        • M Offline
          MMRIZE @almightyyoshi
          last edited by Jul 18, 2024, 6:36 PM

          @almightyyoshi
          For removing calendarWeek number;
          https://github.com/MMRIZE/MMM-CalendarExt3/wiki/Examples-%26-Tips

          A 1 Reply Last reply Jul 18, 2024, 6:56 PM Reply Quote 0
          • M Offline
            MMRIZE @almightyyoshi
            last edited by MMRIZE Jul 18, 2024, 6:38 PM Jul 18, 2024, 6:37 PM

            @almightyyoshi
            For the second question, I cannot understand. More details for TO-BE and AS-IS be needed. (Show me the example)

            A 1 Reply Last reply Jul 18, 2024, 7:17 PM Reply Quote 0
            • A Offline
              almightyyoshi @MMRIZE
              last edited by Jul 18, 2024, 6:56 PM

              @MMRIZE Perfect. Thanks!

              1 Reply Last reply Reply Quote 0
              • A Offline
                almightyyoshi @MMRIZE
                last edited by Jul 18, 2024, 7:17 PM

                @MMRIZE I have two instances of CalExt3: monthly (currentMonth) and weekly (currentWeek). Except for one calendar (Dinner), they both currently shows events with the event time like this:

                7490b2cf-aa2d-4cbc-9b4f-a751723b6170-image.png

                What I’d like is for only the currentMonth instance to show events without the event time like this:

                bd4ad26a-65ea-4796-baff-daaed64cd52f-image.png

                M 1 Reply Last reply Jul 19, 2024, 6:56 AM Reply Quote 0
                • M Offline
                  MMRIZE @almightyyoshi
                  last edited by Jul 19, 2024, 6:56 AM

                  @almightyyoshi

                  /* css/custom.css */
                  .CX3_currentMonth .event.singleday .headline .time {
                    display: none;
                  }
                  

                  Before
                  0bfad0a3-4e6e-4ddc-9225-cc1b0f4e8d45-image.png

                  After
                  6a85d25f-0a1d-42f2-ab13-0af2117b1d8a-image.png

                  A 1 Reply Last reply Jul 20, 2024, 11:57 AM Reply Quote 0
                  • A Offline
                    almightyyoshi @MMRIZE
                    last edited by Jul 20, 2024, 11:57 AM

                    @MMRIZE That worked…after I figured out I spelled instanceId incorrectly (I had instanceID). Thanks!

                    1 Reply Last reply Reply Quote 0
                    • M Offline
                      moosespectacles
                      last edited by Sep 4, 2024, 1:30 AM

                      Anyone know of a config that looks identical/similar to the skylight calendar layout? I’m trying to emulate that look and those features, as a starting point, but I’m having trouble with getting the calendar to even display one week or 3 days, only. At the moment I see a week, with another week right next to it, instead of underneath it, as well as week numbers being show. I haven’t been able to figure out how to get rid of the extra days, nor the week numbers.

                      S M 2 Replies Last reply Sep 4, 2024, 1:39 AM Reply Quote 0
                      • 1
                      • 2
                      • 51
                      • 52
                      • 53
                      • 54
                      • 55
                      • 66
                      • 67
                      • 53 / 67
                      • 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