Read the statement by Michael Teeuw here.
MMM-CalendarExt2
-
@SuperSense
In case you haven’t found this yet, try looking in MMM-CalendarExt2.css , then look for the CSS block for.CX2 .period.daily .event.fullday.oneday .startDate { display:inline; }
Change the “inline” to “none” and see if that does what you are looking for.
-
@Sean got a question if you could help
I set up my magic mirror following all documentation. But I am having an issue with the MMM-Calendarext2 module.I configured it how I want, the top left calendar works and shows where it should, but I can’t seem to get the monthly calendar in the bottom_bar, it just covers the whole screen layered on top of the other modules.
I have been trying on my own for a month, any help or direction would be helpful. Thanks!I want it to look exactly like the example here: https://github.com/MMM-CalendarExt2/MMM-CalendarExt2/blob/master/doc/Configuration.md
Here is my code:
module: ‘MMM-CalendarExt2’,
config: {
calendars : [
{
name: “Jolliffe Activities”,
url: "https://calendar.google.com/calendar/ical/ //took out the rest of url.
},
],
views: [
{
mode: “upcoming”,
position:“top_left”,
title: “Jolliffe Upcoming Activities”,
},
{
mode: “month”,
position: “bottom_bar”,
title: “Jolliffe Monthly Activities”,
slotSubTitleFormat: “dddd”,
slotMaxHeight: “120px”,
monthFormat: “[Month:]MM”,},],scenes: [ { name: “DEFAULT”,views: [], },],},
}, -
@pillbug22 thanks for the advice. works fine! :)
(and sry for the late response) -
If anyone is working on this module anymore - I’m having an interesting bug. It appears that just having the module installed is causing an issue with MM - if I don’t have MMM-CalendarExt2 enabled or in the config.js - the mirror will come up blank.
Any ideas why?
-
@BKeyport i believe no-one is working on the module at this time.
-
Hello all,
one question
I was trying to filter from an ics datas and sign them to other icons, colors and so on…
But unfortunately nothing happend and i am really confused because i am sitting here for days and i really do not know the bug{//MMM-CalendarExt2 module: 'MMM-CalendarExt2', config: { locale: "de-DE", calendars : [ { name: "Ferien Bayern", url: "http://www.ecoline-media.de/ics/bayern_gf.ics", className: "Ferien", icon: "noto-v1:flag-for-germany", }, { name: "Müllabfuhr", url: "http://localhost:8080/modules/abfallkalender.ics", transform: (event)=>{ if (event.title.search("Biotonne") > -1) { // If the event might include "Birthday" in its title, event.icon = "mdi-bio" // Set icon of that event to "fxemoji-birthdaycake" event.className = "AbfallBio" } if (event.title.search("Restmuelltonne") > -1) { // If the event might include "Birthday" in its title, event.icon = "fa-solid:trash" // Set icon of that event to "fxemoji-birthdaycake" event.className = "AbfallRest" } if (event.title.search("Problemabfaelle") > -1) { // If the event might include "Birthday" in its title, event.icon = "emojione-monotone:biohazard" // Set icon of that event to "fxemoji-birthdaycake" event.className = "AbfallProb" } if (event.title.search("Papiertonne") > -1) { // If the event might include "Birthday" in its title, event.icon = "emojione-monotone:newspaper" // Set icon of that event to "fxemoji-birthdaycake" event.className = "AbfallPap" } if (event.title.search("Gelber Sack") > -1) { // If the event might include "Birthday" in its title, event.icon = "fa-solid:trash" // Set icon of that event to "fxemoji-birthdaycake" event.className = "AbfallGelb" } return event // Return that event. },//transform*/ },
Can please somebody help me
Thanks a lot -
Hello,
I understand that this module currently has no one supporting it but this is a general question concerning this module(I am a total new bee)
Here is my entry into config.js and everything works fine except I see no entry from MMM-CalendarExt2. Can anyone tell me what I’m doing wrong ? The default calendar works fine with these google calendars.{ module: 'MMM-CalendarExt2', position: "top_left", rotateInterval: 1000*60, config: { calendars : [ { url:"webcal://www.calendarlabs.com/ical-calendar/ics/76/US_Holidays.ics", }, ], views: [ { name: "view1", mode: "month", slotCount: "7", maxItems: "1000", hideOverflow: false, slotMaxHeight: "95px", monthFormat: "MMMM YYYY", position: "top_left", calendars: [] }, ], scenes: [ { name: "DEFAULT", }, ], }, },
-
@steverichab I’d name the calendar. The example is thus:
{ name: "US holiday", className: "holiday", // This allows you to modify it in css url: "http://www.calendarlabs.com/templates/ical/US-Holidays.ics", },
Compare to a working config:
{ module: "MMM-Block", position: "top_right", }, { module: "MMM-CalendarExt2", config: { calendars : [ { url: "[private]", name: "Main Calendar", // Optional, Recommended maxItems: 99, scanInterval: 1000*60*1, // every minute, Appt Book, needs this speed beforeDays: 0, afterDays: 999, maxIterations: 999, forceLocalTZ: false, }, { url: "http://www.trumba.com/calendars/seattle-seahawks-schedule.ics", name: "Seahawks Calendar", maxItems: 100, scanInterval: 24*60*60*1000, beforeDays: 0, afterDays: 999, maxIterations: 999, forceLocalTZ: false, }, ], views: [ { mode: "daily", position: "top_right", slotCount: 99, timeFormat:"h:mm A", hideOverflow: false, filterPassedEvent: true, name: "Daily View", className: "remove_empty_slot", calendars: ["Main Calendar","Seahawks Calendar"], transform: function(event) { if (event.title.search("Recycle") > -1) { event.icon = "mdi:recycle"; event.className = "lemay"; } if (event.title.search("Yard Waste") > -1) { event.icon = "entypo-leaf"; event.className = "lemay"; } if (event.title.search("Seahawks") > -1) { event.icon = "fa-solid:football-ball"; event.className = "seahawks"; } return event; }, }, ], scenes: [ { name: "DEFAULT", }, ], }, },
-
My calendar flashes every 60 seconds but as far as I can tell, I have all my calendars updating every 180 seconds.
{ module: 'MMM-CalendarExt2', config: { calendars : [ { className: "vacation", scanInterval: "1000*180", url: "https://calendar.google.com/calendar/ical/...", }, { className: "nights", scanInterval: "1000*180", url: "https://calendar.google.com/calendar/ical/...", }, { className: "days", scanInterval: "1000*180", url: "https://calendar.google.com/calendar/ical/...", }, { className: "bob", scanInterval: "1000*180", url: "https://calendar.google.com/calendar/ical/...", }, { className: "bunny", scanInterval: "1000*180", url: "https://calendar.google.com/calendar/ical/...", }, { className: "special", scanInterval: "1000*180", url: "https://calendar.google.com/calendar/ical/...", }, ], views: [ { name: "view1", mode: "week", slotCount: 8, maxItems: "1000", hideOverflow: "false", //slotMaxHeight: "64px", slotMaxHeight: "105px", monthFormat: "MMMM YYYY", position: "bottom_bar", updateInterval: "1000*180", calendars: [] }, ], scenes: [ { name: "DEFAULT", }, ], }, },
-
I would like to center the text on my events (or whatever they are called - the yellow, green, white, etc lines). I’ve tried a few things but it has not worked for me. My calendar position is “bottom_bar”.
body { color: #000; } .dimmed { color: #000; } .normal { color: #000; } .bright { color: #000; } .module.clock { background-color:rgba(255,255,255,0.5); border-radius:8px; padding:56px; } .module.currentweather { background-color:rgba(255,255,255,0.5); border-radius:8px; padding:22px; } .module.weatherforecast { background-color:rgba(255,255,255,0.5); border-radius:8px; padding:8px; height: 200; }/* .MMM-GooglePhotos { margin-top: -300px; margin-left: -123; }*/ #GPHOTO_INFO { display:none; } #GPHOTO_BACK { display:none; } .module.MMM-CalendarExt2 { background-color:rgba(255,255,255,0.5); height: 870px; } .CX2 .weeksmark { display:none; } .CX2 .vacation.fullday { background-color:#00FF00; color:#000; } .CX2 .nights.fullday { background-color:#009DFF; color:#000; } .CX2 .special.fullday { background-color:#FF0000; color:#000; } .CX2 .days.fullday { background-color:#FFFF00; color:#000; } /*.region.bottom_bar { text-align: center; } .CX2 .days.eventTitle { text-align:center; }*/ .module.MMM-EventHorizon { background-color:rgba(255,255,255,0.5); border-radius:8px; padding:8px; }/* body { position: absolute; margin: 2; height: 100%; width: 99%; }*/ .region.top.left { position: absolute; top: -52px; left: 0px; bottom: -2px; width: 270px; } .region.middle.center { width: 100%; left: -15px; top: 640px; } body { margin: 0; height: 100%; width: 100%; }