Wrap event title MMM-CalendarExt3

muhsintt

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: