Wrap event title MMM-CalendarExt3

[muhsintt]

Re: MMM-CalendarExt3

Hello,

Can you share a CSS or Node.js script that that wraps event titles into 2 or more lines when it does not fit in the cell?

Thanks very much.

[MMRIZE]

@muhsintt said in Wrap event title MMM-CalendarExt3:

Re: MMM-CalendarExt3

Hello,

Can you share a CSS or Node.js script that that wraps event titles into 2 or more lines when it does not fit in the cell?

Thanks very much.

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)
• Shorten time format. (22 is better than 10:00 PM)
• 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.

[muhsintt]

@MMRIZE
Thanks for your reply and suggestions. I was able to wrap the text but unable to make to event size to auto adjust its height which resulted in the text being unreadable. I will follow your suggestions and work on alternatives.
I appreciate you for all the time dedicated to building this module.
Excellent work. :smiling_face: