• 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.5k 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.
  • W Offline
    wilco.kuijt @MMRIZE
    last edited by Jul 30, 2023, 7:12 PM

    @MMRIZE Yes, this is the way I would like to see it!
    Unfortunately (😉) on holiday right now, so I am not able to implement it.

    Best regards and thanks for helping me out!
    Wilco

    1 Reply Last reply Reply Quote 0
    • H Offline
      htilburgs @MMRIZE
      last edited by Jul 31, 2023, 8:25 PM

      @MMRIZE how do you get different icons in front of the calendar items?
      Is this a default feature? Btw which calendar module are u using?

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

      M 1 Reply Last reply Aug 1, 2023, 6:41 AM Reply Quote 0
      • M Offline
        MMRIZE @htilburgs
        last edited by MMRIZE Aug 1, 2023, 6:43 AM Aug 1, 2023, 6:41 AM

        @htilburgs
        Basically, default calendar module can hold icons (symbol) and even multiple, and all CX3* support multi-icons also.
        But in this case, that is just an emoji included in the event title. :D (If what you mented is the flag symbol)

        H 1 Reply Last reply Aug 1, 2023, 9:44 AM Reply Quote 0
        • B Offline
          Babene1 Project Sponsor
          last edited by Aug 1, 2023, 7:31 AM

          @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 Aug 1, 2023, 9:53 AM Reply Quote 0
          • 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
                      • 1
                      • 2
                      • 1 / 2
                      1 / 2
                      • First post
                        8/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