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