@chelofarias
I think you may have some typo error;

{
  title: “Radio Pacu”, // <-- Wrong quotation marks
  url: “https://radiopacu.com.ar/feed/”, <-- Here also wrong.
},

“ and ” is not valid character for the quotation marks that could be used in JS code.
It should be ".

anyway, for me it works.

@MMrustykayn66
Only Google calendars are affected? How about other calendar? Like the default sample calendar?

@czabel
Well, that is not the bug, however you might be uncomfortable.
It is designed to get the symbol from the first(internally structured) event of the calendar group.
Because the default calendar module will broadcast only the events themselves, not the meta-information from the calendar to which the event belonged, So there is no easy way to distinguish the default symbol of the specific calendar.

To be honest, getting the default symbol from config of ONLY the default calendar module might be easy, but this module is designed to take events from any other possible modules, so I cannot assume all the user will get the events from the default calendar module only.

Not so easy. Has somebody any idea?

@odin_greythorn
I need the front-end log for checking.

You can get the front-end log by;

• Ctrl+Shift+I to open front dev console on the running, or,
• npm run start:dev command, or,
• Use MMM-LogExt module to deliver front-end logs to the backend.

@czabel said in MMM-CalendarExt3:

Do you have any insight as to how to change my CSS to get the icons to show up for every event? As I mentioned, my current setup makes my non-fullday events colored in, but this deletes the icon. The icon is still there for the real fullday events. I’d like to keep the icon, if at all possible. Thank you!

Sorry for the late reply. I was on vacation.

Append these codes to your custom.css

/* custom.css */
.CX3 .event.singleday .headline.useSymbol .symbol {
  color: var(--oppositeColor);
}

@veny
I’m not supporting CX2* anymore, You may need to use CX3Agenda.
https://github.com/MMRIZE/MMM-CalendarExt3Agenda

@odin_greythorn said in MMM-CalendarExt3 Not showing on some clients:

The pi setup is a bit weird - I am running fullpageos as the image (based on bullseye I think) and the attached display is a salvaged laptop screen with an ebay display driver board. I couldn’t get regular kiosk mode to work at all for this setup, which prompted me to try out this image

Which browser are you using in the PI? Tell us your environment exactly.

@czabel
I’m in holidays this week. I’ll show you next week.

@czabel said in MMM-CalendarExt3:

Thank you for the eventTransformer fix - is there some ruleset I can find for other icons, or just prefix everything with “fas”?

“fa-solid” will work too, instead of “fas”. I think you may did some typo mistake somewhere.

---

As for the other, you are right that I have edited the eventHeight, in order to grow the size of the whole calendar. Is there a better way to do this? Perhaps I should be using only the maxEventLines to grow the size of things?

Generally, eventHeight and maxEventLines could control the height of the view, Anyway you may need additional CSS modification to beautify the view.

Original

APPLIED

{
	module: "MMM-CalendarExt3",
	position: "bottom_bar",
	config: {
		eventHeight: "30px",
		fontSize: "22px",
	}
},

I guess you may also incline fontSize. That property will be applied to all the elements . So all text would be bigger. but not the padding or margin or other attributes of the element. That’s why your view looked so weird. So you have to adjust other things with CSS to harmonize your view.

@czabel

{
	module: "MMM-CalendarExt3",
	position: "bottom_bar",
	config: {
		eventTransformer: (ev) => {
			if (ev.title.includes("Volleyball")) {
				ev.symbol = ["fas fa-fw fa-volleyball"]
			}
			return ev
		}
	}
},

Due to most weird format of the default calendar symbol descriptor, you should write something like ["fas fa-volleyball"]

About the height of the event cell, I think you have modified some CSS or eventHeight property in the config.