Is there a way to remove the space where a symbol would be only for calendars not using a symbol?

@plainbroke I’ve tried both of those before. They still leave a big gap. I use CalExt3 as my display, I’ve just always attributed the issue to the default calendar module, since that’s where it pulls the symbols from. But I’ll prob try to ask mmrize if there’s a css fix.

Is there any way to not only not display symbols for specific calendars in the default calendar, but to also remove the space where the symbol would be? If I put in something like this:

symbol: none

so that it can’t pull a symbol, there’s still a gap before the event title where a symbol would be and I find that gap really annoying.

@chrisfr1976 Thanks for this. I installed it in April when we were selling our house and used it as a welcome sign when people came through. Question for you: would you be able to make it so we can put in just a month and day for a start date? I was hoping to put in a list of birthdays and not have to remember to change the year.

@MMRIZE That worked…after I figured out I spelled instanceId incorrectly (I had instanceID). Thanks!

@MMRIZE I have two instances of CalExt3: monthly (currentMonth) and weekly (currentWeek). Except for one calendar (Dinner), they both currently shows events with the event time like this:

What I’d like is for only the currentMonth instance to show events without the event time like this:

@MMRIZE Perfect. Thanks!

@MMRIZE Sigh. I knew it was going to be something easy like that and I was overthinking it. Thanks! Couple more questions:

1. How can I remove the CW? I’ve tried:

.CX3 .cell.cellHeader .cw {
        display: none;
}

.CX3 .cell .cellHeader .cw {
        display: none;
}

.CX3 .cellHeader .cw {
        display: none;
}

and

.CX3 .cell .cw {
        display: none;
}

2. How can I remove the start time in an instance? I’ve tried:

.CX3_currentMonth .event .time.startTime {
        display: none;
}

I got it working with a specific calendar using:

.CX3 .event.calendar_Dinner .time.startTime {
        display: none;
}

I have a Cozi calendar for dinner and the event comes over as “All: Pork Tenderloin”. Is there any way to get rid of the “All:” (with either Transform or preProcessor) and keep the rest?

@viktorzonix Wow! Thanks for this. In my searching a couple of years ago, this never came up and nothing else ever had the correct info. I had just lived with the fact that I had to keep re-entering it periodically. Woo hoo!

@Manino You have to do a couple of things. The best explanation is here. Basically, find the name of your monitor, and then do this command in terminal:

xinput set-prop ‘name of your device’ ‘Coordinate Transformation Matrix’ 0 1 0 - 1 0 1 0 0 1

This will rotate the touch controls to the right (depending on which way you turned your monitor, this might have to be adjusted). The only problem is that I haven’t found a way to make it permanent (in Raspbian), so it reverts every so often and you have to run the command again. I’ve written it to etc, but it doesn’t take. If anyone has any suggestions for permanence, I’d love to hear it.

@MMRIZE
That did it. Thanks!

I finally found a touch module that I could easily use for the glance notification and have the payload step as 1. However, two things are happening:

1: on the first press it’s going back to June. Second press goes to April. Third press goes to August. Fourth press goes to December (which would be correct, however, due to the other jumps it could just be random)

2: no events are populating in the glance

Here’s what I have for the button:

{
      module: "MMM-TouchButton",
      position: "top_left",
      config: {
          buttons: [
               {
                name: "Next",
                icon: "fa fa-calendar-days",
                notification: "CX3_GLANCE_CALENDAR",
                payload: {instanceID: [], step: [1]},
                  },
                ]
              },
           },

And here’s my CX3 config:

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

Any thoughts?

@sdetweil

What’s worse, I had an example right above it that I knew worked, and I still didn’t register that the 09 was the issue.

@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?