Skip to content

Multiliner title wrapping

Seongnoh Sean Yi edited this page Nov 13, 2023 · 3 revisions

No, you cannot.

I don’t agree that kind of wrapped multi-lines are useful.

Because it’s ugly and wastes space(unless using a 4K screen), it is not easy to glance at, and it is hard to recognise events. Just two-line wrapping may not be sufficient to display long titles. (How about 3 lines? Or 4 lines? no ends…) So, I intentionally designed this module like the current one looks. It is an old legacy concept from MMM-CalendarExt, (and MMM-CalendarExt2, …) All other major calendar applications on desktop or mobile keep the one-liner in month-type view. (Google Calendar, Apple calendar, MS Outlook, Fantastical, …)

Anyway, usually, MM is regarded as just a dashboard to glance at, not a Franklin organizer.

Even though 2liners could be possible with some tricks(I tried once), technically, It needs a ton of heavy CSS and JS tweaks. If you are not an expert, you probably ruin the whole look.

I totally understand this ellipsed title may not be enough to read. What I suggest alternately are;

  • Use colour and symbols to distinguish some events.
  • Use abbreviations to shorten long titles. (For above two approaches, you can handle events with prepared handlers of this module)
preProcessor: (ev) => {
  if (ev.title.includes('birthday')) {
    ev.title = ev.title.replace('birthday', '')
    ev.color = "blue"
    ev.symbol = "cake"
  }
  if (ev.calendarName === "Something") {
    ev.title = ev.title.match(/\b([A-Z])/g).join('')
  }
  return ev
}
  • Shorten time format. (22 is better than 10:00 PM)
eventTimeOptions: { hour12:false, hourCycle: "h23", hour: "2-digit" },
  • Use popover feature to see details of the event. (When your MM device supports touch/click)
  • Use other sidekick modules to look for details, like MMM-CalendarExt3Agenda, Or the default calendar module.