I am working on using MM as a family calendar using the 1080p monitor in portrait mode. I am using MMM-CalendarExt2 and have the main large calendar positioned at “fullscreen_below”. Then I have a daily view at position “top_left”. I would like to see as many daily event entries as possible, however it will overlap if there are too many. Currently I am setting the slotCount as 4 to overcome this but there are many days where there is so much unused space that could be filled with additional daily events.

Is there a way in CSS to change the .region.top.left to force a static size and prevent it from overlapping the content below? I tried the following in custom.css but this doesn’t work and I am limited in my knowledge with css and such things but would like to find a solution to it.

 body {
 	
 }
.region.top.left {
	height: 500px;
	max-height: 500px;
}

@Sean I was hoping to control the daily view to prevent it from moving down too far. I like having the monthly calendar large as it is now. I will just go back to controlling it with slotCount since hideOverflow and SlotMaxHeight doesn’t seem to affect Daily views. Thanks.

@Sean I have attached the MM image of what I am seeing. This is what it looks like when the Daily view is overlapping the monthly calendar. I would like to get as many events listed before it hits the calendar. So far the only solution I have found is to just have 2 days listed, since anymore than that can cause an overlap, depending on how many events occur in any given day.

@Sean I added maxItems: 2000 to the month view. This fixed the issue. Is there any concerns having the maxItems set this high? will this slow it down or cause issues later?

Also a side note, the daily view overlaps if I set the slotCount past 2 or 3 when there are many events populated. Is there a way to cut it off if it hits the month calendar? Currently I just have slotCount set to 2 and this usually works to keep it small enough. Just wondering if there is a better solution.

Also thanks for this mod, it has been a huge benefit to my whole family. We use this to keep track of all the kids’ events and don’t think we can go back to anything else after using this.

I seem to be having an issue with the month view and hope someone here might have a solution.

Currently I have 7 calendars setup and am using daily view in the top left with month view in the fullscreen_below section.

The daily view displays all events just fine when setting the slotCount to 2 or even 10 (although I cant figure out how to not overlap the month view) and it correctly displays all calendar events from all 7 calendars. All the calendars are from gmail and pulled from each gmail account using the link under “secret address in iCal format”. I have omitted that part in the code I shared below.

The month view is only displaying a few events for the entire month, Dec 29 through Jan 7 is populated and it doesn’t have all the events listed for January 7th, the rest of the days in the month are completely empty. Last month (December) was displaying all events just fine. Is there something I am missing?

I have recently update MM and MMM-CalendarExt2. The updates showed that they were completed successfully.

module: "MMM-CalendarExt2",
config:
{
	rotateInterval: 5 * 60 * 1000,
calendars: [
	{ // Calendar 1
		name: "Calendar One",
		className: "Cal1",
		url: '',
	},
	{ // Calendar 2
		name: "Calendar Two",
		className: "Cal2",
		url: '',
	},
	{ // Calendar 3
		name: "Calendar Three",
		className: "Cal3",
		url: '',
	},
	{ // Calendar 4
		name: "Calendar Four",
		className: "Cal4",
		url: '',
	},
	{ // Calendar 5
		name: "Calendar Five",
		className: "Cal5",
		url: '',
	},
	{ // Calendar 6
		name: "Calendar Six",
		className: "Cal6",
		url: '',
	},
	{ // Calendar 7
		name: "Calendar Seven",
		className: "Cal7",
		url: '',
	},
],
views: [
	{
		name: "MONTHVIEW",
		mode: "month",
		position: "fullscreen_below",
		showWeekends: false,
		timeFormat: "h:mm A",
	},
	{
		name: "DAILYVIEW",
		mode: "daily",
		title: "Upcoming Events",
		slotCount: 10,
		timeFormat: "h:mm A",
		hideOverflow: false,
		filterPassedEvent: true,
	},
],
scenes: [
{
	name: "DEFAULT",
},
],
}