You can simply append this code to your css/custom.css
.CX3 .legend.useSymbol .symbol {
display: none;
}
You can simply append this code to your css/custom.css
.CX3 .legend.useSymbol .symbol {
display: none;
}
@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,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.