@sdetweil

Ha! I was replying to yours. @MMRIZE hadn’t popped up in my feed when I replied. I thought I refreshed when I got on, but possibly not.

@sdetweil

Nope. Stupid mistake. Needed to be month_9.date_22.

I’m having a bit of css trouble. I’m trying to display an image in the background of specific cells. It was working in July (in both CX2 and CX3) but has since stopped displaying in either.

.CX3 .month_09.date_22 { /*first day of fall*/
        opacity:50%;
        background-position:center;
        background-repeat:no-repeat;
        background-image: url('../modules/MMM-CalendarExt3/images/Fall-Tree-small.png');
}

@MMRIZE
Thanks for the help. I actually just had to specify singleday and fullday along with the calendar name, which I’m ashamed I didn’t think of before.

@MMRIZE

Not sure what I’m doing wrong. I’ve tried the following:

.CX3 .event.calendar_Music {
        border: none;
}

.CX3 .event.calendar_"Music" {
        border: none;
}

.CX3 .event.calendar_MUSIC {
        border: none;
}

.CX3 .event.calendar_"MUSIC" {
        border: none;
}

.CX3 .event.calendar_music {
        border: none;
}

.CX3 .event.calendar_"music" {
        border: none;
}

Do calendar names pull from the default calendar module, or do they need to be specified somewhere within CX3?

Hi, all. How can I remove the border for a specific calendar? I got this from @MMRIZE

.CX3 .event.fullday,
.CX3 .event.multiday {
        border-left: 4px solid var(--calendarColor);
        border-bottom: 1px solid var(--calendarColor);

.CX3 .event.singleday {
        border-left:4px solid var(--calendarColor);

There are a couple of calendars where I have icons so I don’t want to use any border. I’ve tried a few different ways (including calendarName_{Music}, data-calendar-name=“Music”), but none worked, so it seems I’m doing something incorrectly. A little help, please?

@MMRIZE

1. Thanks! I was so close. I thought I had to specify .cell. Also, I had completely forgotten to make an images folder, but that only took me 10 minutes to remember. :beaming_face_with_smiling_eyes:

2. Thanks. I’ll look at MMM-Touch.

3. Here’s my code. Yes, default works fine. It only messes up when I try to specify an icon.

Default Calendar

{
                        module: "calendar",
                        //position: "bottom_center",
                        config: {
                                colored: true,
                                broadcastPastEvents: true,
                                calendars: [
                                        {
                                        url: ...
                                        name: "CJ",
                                        color: "#3061E3",
                                        auth: {
                                              user: ...,
                                              pass: ...
                                        }
                                        },
                                        {
                                        url: ...
                                        name: "Family",
                                        color: "#DA2528",
                                        auth: {
                                              user: ...,
                                              pass:  ...
                                        }
                                        },
                                        {
                                        url: ...
                                        name: "Fiji",
                                        color: "#d2cf2a",
                                        auth: {
                                              user: ...,
                                              pass: ...
                                        }
                                        },
                                        {
                                        url:  
                                        name: "Clararee",
                                        color: "#a716b8",
                                        auth: {
                                              user: ...,
                                              pass: ...
                                        }
                                        },
                                        url: ...
                                        name: "Birthdays",
                                        symbol: "fa-solid fa-cake-candles",
                                        auth: {
                                              user: ...,,
                                              pass: ...
                                        }
                                        },
                                        {
                                        url: ...
                                        name: "Music",
                                        symbol: "fa-solid fa-music",
                                        auth: {
                                              user: ...,
                                              pass: ...
                                        }
                                        },
                                ],
                        }
                },

CalExt3

        {
            module: "MMM-CalendarExt3",
            position: "middle_center",
            config: {
                    mode: "month",
                    instanceID: "currentMonth",
                    firstDayOfWeek: 0,
                    useSymbol: true,
                    calendarSet: [],
            }
        },

Re: MMM-CalendarExt3

I’m feeling particularly dense, but can anyone answer these questions?

1. Can cells (month view) have background images? If so, how? I like to set them for holidays and such.

2. How do you use glance and step to “flip” to the next month? (I did this in CalExt2 using scenes and views) Do I need another instance of the default Calendar and CalExt3?

3. When I try to use symbols other than the default symbol (changed in default Calendar config), my events don’t load in CalExt3 (or, oddly enough, the only events that load are from the only calendar I pull from Outlook…the rest are Google and don’t populate). I’ve checked the default Calendar module, and the new symbols are displayed there. Any ideas?

@MMRIZE Dropping position worked. I thought I’d get an error or blank screen for that. Thanks again!

@MMRIZE That’s perfect. Thanks. I just wasn’t sure if those attributes were available and I honestly just didn’t feel like experimenting at that moment. Last question (think): Is there a way to hide the default calendar module and still populate CX3. I found a way to hide the module (by editing the calendar module’s base config) on startup, but then CX3 doesn’t have any events. Here’s what I used (courtesy of @sdetweil from a thread a couple of years ago):

hidden: false, 


suspend: function(){
    this.hidden=true
},

restore: function(){
     this.hidden=false
},

notificationReceived: function(notification, payload, source){
   // this comes before the first call to getDom()
   if(notification === "ALL_MODULES_STARTED")
      this.hidden=true;
}.

getDom: function (){
var wrapper=document.createElement('div')
if(this.hidden==false){ 
     //create normal content
}
return wrapper;
},