@sdetweil I’ll have to take some more time to look through it. Seems like a lot of it is similar. Thanks for the direction.

@sdetweil Oh no, I’ve been plugging away at the outdated version? Lol. I’ll move over to ext3

I’ve looked through a bunch of posts and comments to try to figure out how to get the transform feature to work on my calendar to colour code events and change icons. All the calendars work until I add the below code and then the calendars don’t display at all. I am clearly missing something important and since I know little about coding I cannot figure out what I am doing wrong. If anyone can help this rookie, it is greatly appreciated. I have the pa_day class defined in the CSS file also. I also apologize for formatting - again, rookie.

{
   module: 'MMM-CalendarExt2',
   config: {
      scenes: [{
         name: "DEFAULT",
         views: ["Upcoming", "Calendar View"],
      }],
      views: [
         {
            name: "Upcoming",
            mode: "weekly",
            title: "All Calendar Events",
            position: "top_right",
            maxItems: 10,
            maxDays: 1,
            fromNow: 0,
            slotCount: 1,
            locale: "en",
            timeFormat: "h:mm a",
            hideOverflow: false,
            filterPassedEvent: true,
            calendars: ["SCHOOL", "FAMILY"],
         },
         {
            name: "Calendar View",
            mode: "week",
            slotSubTitleFormat: "dddd",
            slotMaxHeight: "200px",
            type: "row",
            weeksFormat: 'wo',
            position: "lower_third",
            fromNow: 0,
            slotCount: 4,
            locale: "en",
            timeFormat: "h:mm a",
            hideOverflow: false,
            filterPassedEvent: true,
            calendars: ["SCHOOL", "FAMILY"],
            transform: function (event) {
               if (event.title.search("PA day") > -1) {
                  event.icon = "noto-softball";
                  event.className = "pa_day";
               }
               return event;
            }
         }
      ],
      calendars: [
         {
            name: "FAMILY",
            url: "https://link/calendar/ical/private.ics",
            icon: "vaadin-family",
            className: "FAMILY"
         },
         {
            name: "SCHOOL",
            url: "https://link/private.ics",
            icon: "wpf-books",
            className: "SCHOOL",
         }
      ]
   }
}