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.

    Any simple clean monthly calendar display (with google events)

    Scheduled Pinned Locked Moved Unsolved Requests
    6 Posts 4 Posters 8.8k Views 4 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
      mlcampbe
      last edited by mlcampbe

      Are there any calendar modules out there (other than MMM-calendarext and MMM-calendarext2) which display the full month calendar with events from multiple calendars on it? I’ve tried the above 2 listed modules and they seem overly complicated and not exactly what I am looking for. For example, if I were to use dakboard their calendar looks like the one shown below. Is there anything like this for MM or does anyone have a set of configs to make the above modules look like this?

      Imgur

      1 Reply Last reply Reply Quote 0
      • S Offline
        shanu0910
        last edited by

        Hi,
        I am working on my first MM project and one of the very basic need I have is to be able to see month view with all of my events. Now I tried using MMM-CalendarExt to show weekly view with 4 weeks, that work for me however events shown for each day DOES NOT have any time information. They simply appear for the day. In my opinion, its of no use unless there is time associated with event.
        I have seen many other folks in other forums have mentioned about the real state usage if the time is also shown, but I have seen other configurations in the same module that shows time for same real estate.
        I am also facing the same problem and very surprised that there are NONE modules that shows month view with event details.
        If anyone out there knows how to configure MMM-CalendarExt to show month view with events or another module that does the job please help.

        1 Reply Last reply Reply Quote 0
        • S Offline
          shanu0910
          last edited by

          So, I sent a request to Seongnoh Yi explaining my problem and he sent me a custom css configuration that I added. I must say it is perfect and exactly what I was looking for.
          I am using “Weeks” view that shows 4 weeks by default but no time for events. I went ahead and added this to my custom.css and it is now showing events inside calendar view.
          here is the config to be added to /css/custom.css
          .CALEXT .tableStyle .eventTime {
          display:block;
          font-size:10px;
          }

          Let me know what do you think?

          1 Reply Last reply Reply Quote 0
          • BKeyportB Online
            BKeyport Module Developer
            last edited by

            looks good to me. Sean’s a hell of a guy when it comes to support.

            The "E" in "Javascript" stands for "Easy"

            1 Reply Last reply Reply Quote 0
            • M Offline
              mlcampbe
              last edited by

              Take a look at the thread at https://forum.magicmirror.builders/topic/11001/config-for-a-simple-clean-montly-calendar which was the same question but under a different heading and got more response. I ended up using MMM-CalendarExt2 and custom css. I don’t recall having a problem with the time info not displaying myself though.

              1 Reply Last reply Reply Quote 1
              • S Offline
                SURYA
                last edited by

                there is no need for module just edit the module name calendar in config file
                Step 1: go to google calendar settings select the calendar you want to display copy the public key in ical format URL
                Step 2: open config file
                {
                module: “calendar”,
                header: “Upcoming Events”,
                position: “top_left”,
                config: {
                calendars: [
                {
                symbol: “My events”,
                url: “paste the URL here” }
                ]
                }
                },

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