Colored events in Next-Gen calendar

[Laurent]

I decided to play a bit in Next-Gen, and there are some nice new features (“View as” is pretty sweet), but overall the visual is disappointing, especially for calendars.

I use to be able to colour-code events in calendar, based on the type of appointments. It used to be a nice background for each event, on a nice looking calendar. Now all I manage to do is a meager coloured line on each appointment, which is kind of depressing.

Am I missing something?

(Bonus question: Is there a way to make the menu work on two lines as in classic?)

[Kara]

@Laurent I will find out if the background color can be updated too, thank you for the feedback!

Kara

[Kara]

@Laurent The calendar was implemented with the color on the side to ensure it was accessible in dark mode and light mode.

Here is a bit of CSS to outline the borders, if you’d like:

.kn-calendar-view .b-cal-event { border: 2px solid var(--cal-event-color); }

Also, no, in Next-Gen, the menu will always go into an overflow menu.