MMM-CalendarExt3

[KD]

@sdetweil Thank you Sam - removed it as well.

[almightyyoshi]

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');
}

[sdetweil]

@almightyyoshi said in MMM-CalendarExt3:

.month_09.date_22

do u need a space between those?

also see how to use developers window to determine element classes to address for styles
https://forum.magicmirror.builders/topic/14862/help-with-a-couple-css-issues?_=1663003753793

[MMRIZE]

@almightyyoshi said in MMM-CalendarExt3:

opacity:50%;
background-position:center;
background-repeat:no-repeat;
background-image: url(‘…/modules/MMM-CalendarExt3/images/Fall-Tree-small.png’);

.CX3 .month_9.date_22 {
  ...

[almightyyoshi]

@sdetweil

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

[sdetweil]

@almightyyoshi ok, I don’t see the difference…

[almightyyoshi]

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

[mumblebaj]

@sdetweil month_09 (wrong i guess) and month_9 (correct i guess)

[sdetweil]

@mumblebaj dang computers!!! so picky,!

[almightyyoshi]

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

[Ottosophie]

Hello, since the switch to Cal3, I no longer see any events in my calendar. I tried with the French holiday calendar, and it works, I added lots of events in mine, but nothing worked. Looks like it’s coming from my ICS file. An idea ? (translated with Google)

[sdetweil]

@Ottosophie did u set a specific list of cals to read from in the cx3 config?
did u add a name field to the cal entry in the base calendar module,?

I’m guessing
I just installed cx3 multiple times without any issue.

[Ottosophie]

@sdetweil Thank you for your answer, I only restarted my raspberry several times and all my events came back, weird.

[Ottosophie]

I have another question, is it possible for an event to be written on 2 lines so that we can see the end instead of the 3 small dots? Thanks

[onryanti]

Is it possible to set this as a rolling calendar forward where only the current week is shown in the top. Dont need the historical days to be shown?

[sdetweil]

@onryanti set weeks in view=1

[MMRIZE]

@onryanti

// In the config of the module;
config: {
  weekIndex: 0, // From which week the view starts; -1 : last week, 0: this week 2: 2 weeks later, ...
  weeksInView: 3, // How many weeks will be shown from `weekIndex`
...
}

[onryanti]

@sdetweil I managed to solve it to show the calendar how I wanted to. Thanks

[Ottosophie]

@sdetweil
I’m already with weeksInView: 1, my screen is in portrait mode, so the boxes are not very wide. I would have liked an automatic lineup. I tried to decrease the font size, but it doesn’t show anything anymore. If anyone has a solution, thanks in advance.

[MMRIZE]

@Ottosophie

// In the config of the module;
config: {
  fontSize: '12px', // default would be 18px. 
  eventHeight: '16px', // the height of the event block. default would be 22px. usually 4px greater than `fontSize` would be pretty to look.
  maxEventLines: 5, // How many events will be displayed in a day cell. The overflowed events will be hidden.
...
}

I don’t recommend wrapup long text to the multi-lines in the cell instead of one-line clipped. Because it could make misalignments, it might look more complex to glance at the events and unpretty.

What I suggest are;

• Use with default calendar view or MMM-CalendarExt3Agenda to look for more detailed information for upcoming events. Do you really want the exact title of the events which will come 3 weeks later?
• To distinguish events more clearly, instead of a long title, you can transform it into a shorter obvious form with the acronym, emoji, color…
  For example, you can shorten all OOO's birthday to 🎂 OOO. It would be a more intuitive form than lengthy text.

eventTransformer: (ev) => {
  if (ev.title.search('birthday') > -1)  ev.title = '🎂' + ev.title.replace("'s birthday", ' ')
  return ev
}