MMM-CalendarExt3

[sdetweil]

@megagprime that is the default calendar view.

you add your ical url to the module config, replacing the US holidays url…

note the ical url, not the embed url.

really simple. if u use Google calendar

open calendar.google.com on a PC
in left nav, hover mouse over your calendar name,
3 dots appear, click, select properties

new stuff appears right,
scroll down to sharing, ical
select the public or secret url click copy

that’s the url to use in mm

[fedale]

Does anyone have a working config for google calendar. The old code i had in EXT2 isnt working with the new EXT3.
In the new EXT3 one i cannot get any feedback from google.

[sdetweil]

@fedale ext3 does not read the calendar itself, like old ext2 did.
.ext3 depends on the default calendar to read the ics data and broadcast the events

so add your url to the default calendar module, and remove it’s position so it doesn’t show.
then ext3 will receive the broadcast message

[fedale]

@sdetweil Thanks, that worked like a charm.

Have some other questions.

1. How to remove the CW wording, infront of the weeks number?

2. The eventTransformer does not color not-fullday items. Is there a quick work around for that?
   So if i have only an hour in my calendar will still show color.

/*
eventTransformer: (ev) => {
if (ev.title.search(‘garbage’) > -1) ev.color = ‘green’
return ev
}
*/

3. Also i add picture to the eventTransformer? I had a recyle one for this garbage earlier.

[sdetweil]

@fedale not sure on cw,

you could check if it’s full day event. not sure. not my module

[fedale]

@MMRIZE Any surgestions?

Have some other questions.

1. How to remove the CW wording, infront of the weeks number?

2. The eventTransformer does not color not-fullday items. Is there a quick work around for that?
   So if i have only an hour in my calendar will still show color.

/*
eventTransformer: (ev) => {
if (ev.title.search(‘garbage’) > -1) ev.color = ‘green’
return ev
}
*/

3. Also i add picture to the eventTransformer? I had a recyle one for this garbage earlier.

[bicolorbore586]

@fedale
I have the below in my custom.css

/* MMM-CalendarExt3 */
.CX3 .cw {
display:none;
}

[fedale]

This post is deleted!

[fedale]

I learnt something new, never thought to look into the module folder css file.
Always though only the main.css and custom.css was the only ones to change.

Found the wordning now in MMM-CalendarExt3.css file within the module.
Removing the CW, the way i wanted. Just wanted to share.

MMM-CalendarExt3.css file and remove the CW to only get the week number:
.CX3 .cw::before {
content: 'CW ’
}

[sdetweil]

@fedale u can override that in the custom.css

don’t change the modules files, it will break upgraded and fixes

[bicolorbore586]

@fedale yes, as Sam says, don’t modify the module css, all css work should be done in the custom.css

[fedale]

@bicolorbore586 Thanks guys.

[fedale]

Could i have icons on different words in calendar?
I only have one calendar, but previously cx2 could get with differnt pictures like this example.

 if (event.title.search("Work") > -1) {
	event.icon = "ic:outline-work-outline";
	event.className = "work" 

}
else if(event.title.search(“Trash”) > -1) {
event.icon = “mdi:recycle”;
event.className = “Trash”
}

[sdetweil]

@fedale I think it works the same

[MMRIZE]

@fedale
CX3 has not support Iconify icons yet, only FontAwesome. It would be applied in near future updates.

[bicolorbore586]

Is there a way of getting icons to sit in specific top bars (with the date number) of cells/days?

I use MMM-CalendarExt3 to show my upcoming month, the default calendar to show the next couple of days events and MMM-Birthdays to show upcoming birthdays.

What I would like to do is have a birthday cake icon sat in the date field, so I can see that that date is a birthday, without any written information in the cell, i.e. the white line wouldn’t be there in the image below.

[sdetweil]

@bicolorbore586 no way without changing the module code. can’t move it w css

[MMRIZE]

@bicolorbore586
Sorry, It can’t be done at this moment. In some day, I have a plan to update. I’ll consider your needs at that time.

[redink]

Can anyone help me make one last tweak? I would like to get rid of the icon next to the event name and display the event time in just a 24 hour format (23:30 instead of 11:30 PM). Here’s my current config

{
  module: "MMM-CalendarExt3",
  position: "bottom_bar",
  title: "",
  config: {
    mode: "week",
    instanceId: "basicCalendar",
    locale: 'en-EN',
    weekIndex: 0,
    weeksInView: 4,
    maxEventLines: 5,
    firstDayOfWeek: 0,
    fontSize: "22px",
    eventTimeOptions: {
      hour: "2-digit",
      minute : "2-digit"
    }, 
    useSymbol: false,
    calendarSet: ['School', 'Family'],
  }
},

[MMRIZE]

@redink

1. Add this into your custom.css

.CX3 .event.singleday:not(.useSymbol)::before, 
.CX3 .event.singleday.useSymbol .symbol.noSymbol::before {
  display:none; 
}

2. Use this eventTimeOptions;

eventTimeOptions: {
	hour12: false,
	hour: "2-digit",
	minute : "2-digit"
},