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.2k 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.
    • B Offline
      Babene1 Project Sponsor
      last edited by

      @MMRIZE I like your calendar view, how does it work with the date and under it the individual calendar entries?

      M 1 Reply Last reply Reply Quote 0
      • 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) ☺

        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) ☺

              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) ☺

                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) ☺

                    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) ☺

                        M 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