MMM-CalendarExt2

[feverlabs]

@Sean I think the blank space at the bottom is better.
The icons now show, so that’s great. Do you have a link to a list of the names of icons available in the set?

After making those changes, the event details show again.

[A Former User]

@feverlabs

The icons now show, so that’s great. Do you have a link to a list of the names of icons available in the set?

https://iconify.design/icon-sets/

After making those changes, the event details show again.

add this into your css/custom.css

.CX2 .agenda .eventSub {
  display:none;
}

[feverlabs]

@Sean Sorry, I should have been more clear. I added that code into the custom css, but I just found an errant closing brace. Thanks.

Final part: how can I set the width on this?
Also, should I use a custom class for it?

Thank you!

[feverlabs]

@feverlabs I think it would be this in custom css:

.CX2 .agenda .event {
  max-width:var(--column-max-width);
}

[A Former User]

@feverlabs

Final part: how can I set the width on this?
Also, should I use a custom class for it?

You can globally control the basic size metric with this; (Hmmm. I think you’d better first read the GitHub wiki about this topic)
https://github.com/eouia/MMM-CalendarExt2/wiki/4.-Styling

.CX2 { /* default values which are used frequently or dependently */
  --row-min-width: 100px;
  --row-max-width: 1000px;
  --column-min-width: 300px;
  --column-max-width: 400px;
  --font-size: 16px;
}

For the specific view, you can set className to a specific view, then can control it in css.

then, in your css/custom.css

Will show like this; Only specific view has different width;

But CSS is not so simple how it looks like, so when you modify something, you might need much experience and knowledge.

[feverlabs]

@Sean Yes, thank you. I made the following change in custom css:

.CX2 .agenda .event {
    max-width:290px;
}

This mad ether changes I was looking for. I’ll modify and try your solution as well as implement a class for it.

Is there a bottom padding that is specified? I don’t see much for padding in there, but I can experiment.

Thank you for your help.

[A Former User]

@feverlabs
exactly, what kind of bottom? Image will be a help to understand.

[feverlabs]

@Sean

I am just looking to reduce that space on the bottom. Not entirely eliminate it, but reduce it.

You’ll also notice that the start time is in 24h format, the end time is in 12h?

[A Former User]

@feverlabs

1. Some footer is reserved for displaying counter of hidden events. (e.g: +1)

The red area is slotFooter, so you can control it like this;

.CX2 .mySpecificView .slot .slotFooter {
  display:none;
}

2. For the time format;
   Read this first;
   https://github.com/eouia/MMM-CalendarExt2/wiki/Event-Time

With your previous config, you’ve set timeFormat: h:mm A, but there be more. :D
Upcoming view is somewhat different with other views(e.g: daily view), so the events need date and time together.

Usual format in upcoming view is something like this;

• If the event starts on a specific day and ends on the same day, it would be good to show like this;
  start date/time - end time
• If the event starts on a specific day and ends on the other day, it would be;
  start date/time - end date/time
• If the event is a fullday event and starts/ends in a day;
  start date
• If the event is a fullday event and ends in another day;
  start date - end date
  And those could be combined with relative format, humanized calendar format, … :) Looks so complex!

Anyway, so, you need to set dateFormat and dateTimeFormat also with timeFormat

Set like this;

dateTimeFormat: {
  sameDay: "[Today] h:mm A",
  nextDay: "[Tomorrow] h:mm A",
  nextWeek: "dddd h:mm A",
  lastDay: "[Yesterday] h:mm A",
  lastWeek: "[Last] ddd h:mm A",
  sameElse: "M/D h:mm A"
},

Or simply like this;

dateTimeFormat:"M/D h:mm A",

It will show like this;

Or

[feverlabs]

@Sean Beautiful! Thank you very much!

[jani.karna]

I’m trying to use local .ics file for two of my calendars. They are holiday calendars that stay the same throughout the year so they don’t need to be fetched from the web. I just can’t get them to work.
I get the same error message on both of them:

[CALEXT2] calendar: Suomen juhlapyhät >> write EPROTO 1936543760:error:1408F10B:SSL routines:ssl3_get_record:wrong version number:../../vendor/node/deps/openssl/openssl/ssl/record/ssl3:record.c:252:

My url looks like this:

url: "https://192.168.1.187:8080/Pyhat.ics",

I tried using

localhost:8080

but it tried to force 127.0.0.1 which don’t work.

[A Former User]

@jani-karna
Well, it’s not the issue of my module, anyway…
It seems, your RPI is not available to handle SSL of itself.
Can you open “https://192.168.1.187:8080/Pyhat.ics” or “https://localhost:8080/Pyhat.ics” on the browser of your RPI when MM is running?
Try “http” instead of “https”

[jani.karna]

Have to see if the problem comes back after RPI reinstall. It seems my SD-card just came to the end of its life.

[jani.karna]

I finally had a chance trying this. By trying “https://192.168.1.187:8080/Pyhat.ics” with browser while MM is running I get “ERR_SSL_PROTOCOL_ERROR”. I have no idea how to solve this. “Localhost” gives a little different error, but so does MM. But neither of them work. I know it is not about your module, but if you have any suggestions I’d be glad to hear.

[A Former User]

@jani-karna
try http instead of https

[A Former User]

@jani-karna
put your ical file into ~/MagicMirror/modules/MMM-CalendarExt2 then, try to use this URL;
http://localhost:8080/modules/MMM-CalendarExt2/Pyhat.ics

[jani.karna]

@Sean said in MMM-CalendarExt2:

http://localhost:8080/modules/MMM-CalendarExt2/Pyhat.ics

For some reason “localhost” tries to use 127.0.0.1 which gives error, but I tried “http://192.168.1.187:8080/modules/MMM-CalendarExt2/Pyhat.ics” and that worked! Thank you!

[BKeyport]

Hey, Just started using this module, and today’s update blew up everything… It and MMM-CalendarExtMinimonth fails now.

Am I doing something wrong?

		{
			module: 'MMM-CalendarExt2',
				config: {
					calendars : [
						{
							url: "https://calendar.google.com/calendar/ical/mycalendar/info/basic.ics",
							name: "Main Calendar", // Optional, Recommended
							maxItems: 100,
							scanInterval: 1000*60*1, // 1000*Seconds*minutes
							beforeDays: 0,
							afterDays: 999,
							maxIterations: 100,
							forceLocalTZ: false,
						},
					],
					views: [
						{
							mode: "daily",
							position: "top_center",
							slotCount: 20,
						},
					],
					scenes: [
						{
							name: "DEFAULT",
						},
					],
				},
		},
		{
			module: "MMM-CalendarExtMinimonth",
			position: "bottom_right",
			refreshInterval: 60*2.5*1000,
		},

Thanks!

[A Former User]

@BKeyport
Sorry, Yesterday I fixed something but it made another bug. I fixed it now.

[BKeyport]

Thanks, that fixed it.

The only thing I can’t figure out then is massive space between the end of the previous day’s activities, and the next day.

Is there a way to solve this? Loving it otherwise.