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 4.9k 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.
    • htilburgsH Offline
      htilburgs @MMRIZE
      last edited by htilburgs

      @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 and AI is my best friend) ☺

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

        @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”.

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

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

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

          B 1 Reply Last reply Reply Quote 0
          • htilburgsH Offline
            htilburgs @MMRIZE
            last edited by

            @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 and AI is my best friend) ☺

            htilburgsH 1 Reply Last reply Reply Quote 0
            • htilburgsH Offline
              htilburgs @htilburgs
              last edited by

              @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 and AI is my best friend) ☺

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

                @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/

                htilburgsH 1 Reply Last reply Reply Quote 0
                • htilburgsH Offline
                  htilburgs @MMRIZE
                  last edited by

                  @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 and AI is my best friend) ☺

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

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

                    htilburgsH 1 Reply Last reply Reply Quote 0
                    • htilburgsH Offline
                      htilburgs @MMRIZE
                      last edited by

                      @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 and AI is my best friend) ☺

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

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