@sil3ntstorm
I have never seen that symptom and have no idea to guess what happened.

Here are general methods to deal with the error;

1. Backup your current config.js
2. Try the original config. You can restore it from config.js.example

• If you still have an issue even with the original config, one of MM/OS/HW might be the reason.
  • Remove MM, then reinstall clearly again;
  • Not solved with newly installed MM; Format your SD card and reinstall OS. Then, reinstall MM.
  • Still not solved; your HW might have some issues.
• If you have no issue with the original, the issue probably came from one of the 3rd party modules;
  • Try adding the module one-by-one on the original config / Or you can remove the suspicious module one-by-one from your config.

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

@schwarem said in MMM-CalendarExt3Agenda Only loading a few items.:

@sdetweil

Below is the screenshot. It is loading everything, but not displaying in CalendarExt3. I also noticed in the debug console there was the message below. I don’t know what it means.

Not error, just info. You can ignore it.

@sil3ntstorm
Very mysterious symptom.
And… The duplicated clocks are displaying different times quite differently! I cannot guess how this could happen.
Could you share the whole screen? because some modules seem duplicated, but some don’t, and I want to see where the duplications are placed.
(And your config.js also)

@UncleRoger

1. About the look of the module to mimic the original calendar module;
   Sorry, it can’t. This module is an alternative view of your events listing, not a replacement. If you need only the same look as the original calendar, just use the original.

2. About the working with MMM-Pages.
   MMM-Pages is a good, reliable module, though it doesn’t consider the multi-instance of the module. So when you need multi-instances and want to show/hide on different pages, it cannot work as expected. Try other paging/screen control module. (e.g. I recommend MMM-Scenes2 with shame.)
   
   Click to see the DEMO

My mistake. You can assign class name in MMM-Pages settings. (Thanks @sdetweil )

@movingfish
To collaborate with GooglCalendar, see this; https://github.com/MMRIZE/MMM-CalendarExt3/wiki/Examples-%26-Tips

@sil3ntstorm
It seems not all the config (because, you probably have news module.)
Do you have any module for position/page control?

@sdetweil
Ah, I misunderstood those identifiers are module name not class name.

@BKeyport
Your DOM might not be rendered yet on “start” imo. I think manipulating DOM after “DOM_OBJECT_CREATED” notification would be safer.

@1a2a3a

When you set choices:'headlines' and query.country: 'sg', it doesn’t mean news from Singapore press. Rather, it would be more similar to About/For Singapore or Popular in Singapore.

Usually for news from Specific national press, sources: would be used.
For example;

sources: ['bild', 'die-zeit'], 

will show the news from the specific sources of Germany.

You can check sources by nation like this by yourself.

# Open your browser then navigate to here;
https://newsapi.org/v2/top-headlines/sources?country=de&apiKey=YOUR_API_KEY

But unfortunately, For Singapore, there is no registered national source for this API.

It means even though this NewsAPI collects the news from various sources, you cannot specify the sources from only Singapore. You are not alone. For many countries, the API doesn’t provide the national source.

@sdetweil
You are right.
However the example seems somehow ambiguous (though config description) It might mislead someone.(like @UncleRoger or me) :D

@jubbles
To show 3 sequenced month-instances of the CX3 modules;

{
	module: "calendar",
	header: "US Holidays",
	position: "top_left",
	config: {
		maximumEntries: 100,
		maximumNumberOfDays: 365,
		calendars: [
			{
				symbol: "calendar-check",
				url: "https://ics.calendarlabs.com/76/mm3137/US_Holidays.ics"
			}
		]
	}
},		
{
	module: "MMM-CalendarExt3",
	position: "bottom_bar",
	config: {
		instanceId: "THISMONTH",
		mode: "month",
	}
},
{
	module: "MMM-CalendarExt3",
	position: "bottom_bar",
	config: {
		instanceId: "NEXTMONTH",
		mode: "month",
		monthIndex: 1,
	}
},
{
	module: "MMM-CalendarExt3",
	position: "bottom_bar",
	config: {
		instanceId: "NEXTNEXTMONTH",
		mode: "month",
		monthIndex: 2,
	}
},

I don’t use MMM-Carousel, so get a help from others.

@DDE12

Check whether some modules make unhandled exception error when it create DOM.

[CX3] Module is not prepared yet, wait a while.
getDom @ MMM-CalendarExt3Agenda.js:193

[CX3] Module is not prepared yet, wait a while.
getDom @ MMM-CalendarExt3.js:228

This message might imply some other module fails to create DOM at its start. (I’ll fix the CX3* modules not so strict to other module’s failure soon.)

By the way, It would be better;

• Remove all modules from config
• Then add one by one unless you meet the problem.

[UPDATE] 1.7.1

• ADDED useMarquee config
• ADDED noMarquee event Object attribute
  From now, too long title will be rolling as marquee or ticker style.
  

@GrandizerGo

To filter out the empty days

There could be 2 ways of approaches for your exact purpose. The each ways are different, so choose one.

1.

/* CX3A config section of config/config.js */
onlyEventDays: 5, // This will show 5 specific days which has at least one event on the day.

2.

Or you can hide empty days in the calendar scope with CSS.

/* css/custom.css */
.CX3A .agenda .cell[data-events-counts="0"] {
  display: none;
}

@greedyvegan That is not an error, just warning you can ignore it.

1.1.0 (2023-03-02)

Added : Chat API

@CDT
I’ve fixed it. Thanks for reporting it.

@Old_Death
I found out what was wrong. I made some mistakes in my previous updates, and there is still a missing one. I’ll fix it and update it soon.

MMM-CalendarExt3Journal

Magic mirror module for presenting events as daily/weekly journal style.

Screenshot

Features

Main Features

• More detailed view of events by day/week with specific time ranges.
• locale-aware calendar
• customizing events: filtering, sorting, transforming
• multi-instance available. You don’t need to copy and rename the module. Just add one more configuration in your config.js.

https://github.com/MMRIZE/MMM-CalendarExt3Journal