Module calendar - whole day event

[MMRIZE]

@htilburgs
Basically, default calendar module can hold icons (symbol) and even multiple, and all CX3* support multi-icons also.
But in this case, that is just an emoji included in the event title. :D (If what you mented is the flag symbol)

[Babene1]

@MMRIZE I like your calendar view, how does it work with the date and under it the individual calendar entries?

[htilburgs]

@MMRIZE what I ment are the truck, recycling and other symbols in front of each row.
Never seen this before.

[MMRIZE]

@htilburgs
Add “symbol” to each calendar in your calendar config.
https://docs.magicmirror.builders/modules/calendar.html#configuration-options
The icon symbol derives from “font-awesome”.

[MMRIZE]

@Babene1
Use timeFormat: “dateheaders”, in your calendar config.

https://docs.magicmirror.builders/modules/calendar.html#configuration-options

[htilburgs]

@MMRIZE Thanks, I’m currently using MMM-MyCalendar but I’m going to give it a try this evening.

[htilburgs]

@MMRIZE I’ve succesfully configured the calendar, but I’m looking how to add different icons to calendar items.
Example: checkered-flag to F1 time, calendar to appointment, etc.
I’ve looked in the manual, but I think I miss it. Do you have an example?

[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/

[htilburgs]

@MMRIZE Oke, so if I understand correct, you add a symbol to a calendar and not to a calendar line?

[MMRIZE]

@htilburgs I edited original post (my bad, typed on iPhone)

[htilburgs]

@MMRIZE So now my F1 Calendar looks like this.

Do you know if it’s possible to get the date and time underneed an item instead of behind?

[MMRIZE]

@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.

[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.

[Babene1]

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