• 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.

Module calendar - whole day event

Scheduled Pinned Locked Moved Utilities
19 Posts 5 Posters 3.8k Views 5 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.
  • H Offline
    htilburgs @MMRIZE
    last edited by htilburgs Aug 1, 2023, 9:45 AM Aug 1, 2023, 9:44 AM

    @MMRIZE what I ment are the truck, recycling and other symbols in front of each row.
    Never seen this before.

    (still trying to learn JS, but not afraid to ask) ☺

    M 1 Reply Last reply Aug 1, 2023, 9:50 AM Reply Quote 0
    • M Offline
      MMRIZE @htilburgs
      last edited by MMRIZE Aug 1, 2023, 9:53 AM Aug 1, 2023, 9:50 AM

      @htilburgs
      Add “symbol” to each calendar in your calendar config.
      https://docs.magicmirror.builders/modules/calendar.html#configuration-options
      The icon symbol derives from “font-awesome”.

      H 1 Reply Last reply Aug 1, 2023, 10:16 AM Reply Quote 0
      • M Offline
        MMRIZE @Babene1
        last edited by Aug 1, 2023, 9:53 AM

        @Babene1
        Use timeFormat: “dateheaders”, in your calendar config.

        https://docs.magicmirror.builders/modules/calendar.html#configuration-options

        B 1 Reply Last reply Aug 4, 2023, 7:06 AM Reply Quote 0
        • H Offline
          htilburgs @MMRIZE
          last edited by Aug 1, 2023, 10:16 AM

          @MMRIZE Thanks, I’m currently using MMM-MyCalendar but I’m going to give it a try this evening.

          (still trying to learn JS, but not afraid to ask) ☺

          H 1 Reply Last reply Aug 1, 2023, 3:53 PM Reply Quote 0
          • H Offline
            htilburgs @htilburgs
            last edited by Aug 1, 2023, 3:53 PM

            @MMRIZE I’ve succesfully configured the calendar, but I’m looking how to add different icons to calendar items.
            Example: checkered-flag to F1 time, calendar to appointment, etc.
            I’ve looked in the manual, but I think I miss it. Do you have an example?

            (still trying to learn JS, but not afraid to ask) ☺

            M 1 Reply Last reply Aug 1, 2023, 4:12 PM Reply Quote 0
            • M Offline
              MMRIZE @htilburgs
              last edited by MMRIZE Aug 1, 2023, 4:13 PM Aug 1, 2023, 4:12 PM

              @htilburgs

              {
              			module: "calendar",
              			header: "US Holidays",
              			position: "top_left",
              			config: {
              				calendars: [
              					{
              						url: "webcal://www.calendarlabs.com/ical-calendar/ics/76/US_Holidays.ics"
                                                              symbol: "car", // <==this.
              					},
              				],
              			
              			}
              },
              

              You can find other symbols in font-awesome.
              https://fontawesome.com/

              H 1 Reply Last reply Aug 1, 2023, 4:14 PM Reply Quote 0
              • H Offline
                htilburgs @MMRIZE
                last edited by Aug 1, 2023, 4:14 PM

                @MMRIZE Oke, so if I understand correct, you add a symbol to a calendar and not to a calendar line?

                (still trying to learn JS, but not afraid to ask) ☺

                M 1 Reply Last reply Aug 1, 2023, 4:15 PM Reply Quote 0
                • M Offline
                  MMRIZE @htilburgs
                  last edited by Aug 1, 2023, 4:15 PM

                  @htilburgs I edited original post (my bad, typed on iPhone)

                  H 1 Reply Last reply Aug 1, 2023, 4:30 PM Reply Quote 0
                  • H Offline
                    htilburgs @MMRIZE
                    last edited by Aug 1, 2023, 4:30 PM

                    @MMRIZE So now my F1 Calendar looks like this.
                    SCR-20230801-qdpr.png

                    Do you know if it’s possible to get the date and time underneed an item instead of behind?

                    (still trying to learn JS, but not afraid to ask) ☺

                    M 1 Reply Last reply Aug 1, 2023, 4:58 PM Reply Quote 0
                    • M Offline
                      MMRIZE @htilburgs
                      last edited by Aug 1, 2023, 4:58 PM

                      @htilburgs
                      By default, NO. It is coded as table so you cannot adjust it by only CSS without source modification.
                      You might have 3 options.

                      • modifying original source. But you will have some annoying issues on next update.
                      • Use other module equivalent which has that chance, But only module I know is my “MMM-CalendarExt3Agenda”, and you might need somewhat tweaks on CSS.
                      • Or you can use “MMM-ModuleMonkeyPatch”(the original subject of this thread!!!) to patch source without worrying update issue.
                      H 1 Reply Last reply Aug 1, 2023, 5:07 PM Reply Quote 0
                      • 1
                      • 2
                      • 2 / 2
                      2 / 2
                      • First post
                        12/19
                        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