MMM-CalendarExt3

[sdetweil]

@gonzonia if you installed MagicMirror 2.30
did you also install the fix?

https://forum.magicmirror.builders/topic/19282/version-2-30-0-calendar-fix-for-clipping-broadcast-events?page=7

[gonzonia]

@sdetweil No. I had not seen that. Installing now. Thanks!

[redink]

Would it be possible to combine the calendar color indicator at the time using just CSS?

Right now, it’s a colored circle and the time next to it and I was wondering if it would somehow be possible to have the time be inside the circle, or have the time be a different background color.

My display is quite small, and saving a few extra pixels would be nice.

[alfi153]

Hello.
Is it possible that with the Calender-ext3 in the weekly display the calendar entries are displayed in two or three lines?

[CyruS1337]

Hello everyone

I hope you can help me. I’m trying to get the calendar to display in Calendar Ext3.

This is what my configuration looks like

                        {
                          module: "calendar",
                          position: "top_left",
                          config: {
                            broadcastPastEvents: true, // <= IMPORTANT to see past events
                            calendars: [
                              {
                                url: "https://calendar.google.com/calendar/ical/....................ics",
                                name: "Andreas", // <= RECOMMENDED to assign name
                                color: "red" // <= RECOMMENDED to assign color
                                }
                        ]
                        }
                      },
                        {
                          module: "MMM-CalendarExt3",
                          position: "bottom_bar",
                           title: "",
                           config: {
                            mode: "month",
                            instanceId: "basicCalendar",
                            locale: 'de-CH',
                            maxEventLines: 5,
                            firstDayOfWeek: 1,
                            calendarSet: ['Andreas'],
                          }
                },

[sdetweil]

@CyruS1337 did you install the fix?

https://forum.magicmirror.builders/topic/19282/version-2-30-0-calendar-fix-for-clipping-broadcast-events

[CyruS1337]

@sdetweil

Great, it worked. I have one more question.
Do I have to use the “calendar” module from MagicMirror, or would the MMM-MyCalendar module also work?

						{
			module: "MMM-MyCalendar",
			position: "bottom_right",	// This can be any of the regions. Best results in left or right regions.
			header: 'Kalender Andreas',
		  config: {
			colored: true,
			maxTitleLength: 30, 
			maximumEntries: 4,
			displayRepeatingCountTitle: true,
			timeFormat: "HH:mm",
			dateFormat: "DD:MM:YYYY",
			joiningWord: "um",
			calendars: [
			{
				url: 'https://calendar.google.com/calendar/ical/................./basic.ics',
				color: "#5b53d4",
				symbol: 'calendar',
				auth: {
					user: 'username',
					pass: 'superstrongpassword',
					method: 'basic'
								}
			},
			],
	}
		},
						{
			module: "MMM-MyCalendar",
			position: "bottom_right",	// This can be any of the regions. Best results in left or right regions.
			header: 'Kalender Daniela & Andreas',
		  config: {
			colored: true,
			maxTitleLength: 30, 
			maximumEntries: 4,
			displayRepeatingCountTitle: true,
			timeFormat: "HH:mm",
			dateFormat: "DD:MM:YYYY",
			joiningWord: "um",
			calendars: [
			{
				url: 'https://calendar.google.com/calendar/ical/................./basic.ics',
				color: "#f05db0",
				symbol: 'calendar',
				auth: {
					user: 'username',
					pass: 'superstrongpassword',
					method: 'basic'
								}
			},
			],
	}
		},

[sdetweil]

@CyruS1337 MAYBE it will work, but it is a clone of the default cal from 3 years ago, with the broken repeating schedule code…
which I just fixed in the latest release 2.30.0, Jan 1…

[CyruS1337]

@sdetweil thanks a lot. It works

[p1lspeda]

Hi,
CSS is driving my crazy.

As you can see in the above screenshot, today (Tuesday) the top (weather, today’s Date & Month) take up the entire width.
This is fine.
The “problem” was yesterday with the additional “CW13” which led to overlapping.
I was wondering; if I could minimize the padding around the current date (the red area in the screenshot), theoretically the space should be big enough for all info to be next to each other

I tried adjusting the css

.CX3 .today .cellDate {
  padding: 1px 8px;
  }

but unfortunately, that did not have any effect.

Can somebody point me in the right direction ?
Thanks