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 Formatting questions follow-up

    Scheduled Pinned Locked Moved Solved Troubleshooting
    8 Posts 2 Posters 1.4k Views 2 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.
    • M Offline
      MMRIZE @UncleRoger
      last edited by

      @UncleRoger All your solutions are perfect. Good job.

      UncleRogerU 1 Reply Last reply Reply Quote 0
      • UncleRogerU Offline
        UncleRoger @MMRIZE
        last edited by

        @MMRIZE

        Thanks! Now I just have to find 6 different colors that are readable, plus 3 more related to 3 of those that are also readable. 8^)

        (Family calendar, me, the wife, 3 kids, and their 3 schools. sigh Sometimes I wish I was a mantis shrimp.)

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

          @UncleRoger
          There would be a simpler solution, but your approach is not bad.

          .CX3 .singleday.event {
            color: var(--calendarColor);
          }
          

          To use this approach; you should assign color to the calendars of the default calendar module.
          aa1f00f2-22d8-41d0-a621-e0b4d9572510-image.png

          UncleRogerU 1 Reply Last reply Reply Quote 0
          • UncleRogerU Offline
            UncleRoger @MMRIZE
            last edited by

            @MMRIZE said in MMM-CalendarExt3 Formatting questions follow-up:

            @UncleRoger
            There would be a simpler solution, but your approach is not bad.

            .CX3 .singleday.event {
              color: var(--calendarColor);
            }
            

            To use this approach; you should assign color to the calendars of the default calendar module.

            Ooh, that’s perfect! Thanks! Much better, I think, to do as much setup in the config.js file as possible and, for this, to define everything about a calendar together (name, key, color, etc.).

            One more question – I’ve noticed that multi-day events show a starting and ending time which is okay, but it’s also doing that for all-day events. That is, if it marked as “all-day”, it shows a start time of 00:00 and an end time of 23:59.

            fff3eb9d-2e24-44ad-8594-fa917855237e-image.png
            Is there any way to turn off the times for all-day multi-day events (or all multi-day events)?

            Thanks!

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

              @UncleRoger
              You can use this;

              .CX3 .event.fullday.multiday .headline .time {
                display:none;
              }
              

              (I’ll add this to the next update to be the default.)

              1 Reply Last reply Reply Quote 0
              • 1 / 1
              • 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