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

                @MMRIZE
                Oke, thanks for the quick reply. I leave it as is at the moment. It looks great. I’m going to give it a look on an other moment.

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

                1 Reply Last reply Reply Quote 0
                • B Offline
                  Babene1 Project Sponsor @MMRIZE
                  last edited by

                  @MMRIZE Thank you very much, I have overlooked it. You make my day :-)

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