MMM-CalendarExt3

bicolorbore586

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

fedale

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

Add this into your custom.css

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

Use this eventTimeOptions;

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