Read the statement by Michael Teeuw here.
Any simple clean monthly calendar display (with google events)
-
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. -
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?
-
looks good to me. Sean’s a hell of a guy when it comes to support.
-
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.
-
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” }
]
}
},
