Trying to update MagicMirror but keep getting this error. I have no idea how to resolve this.

image of error

@Sean No argument there. I’m not familiar with this style of coding, but I am trying to learn.

I changed slotTitle to a single space instead of null, and the duplicate days are now missing. I still have some strangeness for the first displayed slot and the first of the month. Any suggestions?

https://imgur.com/Kp1qOwW

Format is pretty close to what I’m looking for, but the first row has the day name twice, and something weird is happening to November 11, as you can see in the picture.

link text

Any suggestions as to what I should change in the View to make each day look the same?

views: [
				{
					Name: "Rentals",
					title: "BNC Rentals",
					mode: "week",			
					position: "fullscreen_above",
					calendars: ["BNC Rentals"],
					useEventTimeRelative: true,
					slotCount: 3,
					slotMaxHeight: "175px", 
					slotTitle: "",
					slotSubTitle: "",
					slotTitleFormat: "ddd MMM/DD",
					maxItems: 200,
					hideOverflow: false,				
				}

@Sean Thanks for the guidance. I missed it the first time. Considering this pi is a single function, I might just give this a shot.

@Sean I’d like to be able show 4 rows instead of 3. There is a considerable amount of unused space at the top of the monitor, so I’d like to reduce (remove) this margin at the top.

I hope I’m making sense.

@Sean I’ve been looking at custom.css, and I admit it’s very new to me. Which value should I try changing to reduce the upper margin?

@Sean Thanks for your reply Sean. I’ve tried both fullscreen_below and fullscreen_above and both have an identical look. Any other suggestions how to remove the blank margin at the top?

If I change slotcount from 3 to 4, the first couple of lines from the top are chopped off.

```

modules: [

	{
		module: 'MMM-CalendarExt2',
		  config: {
			calendars : [
			
			  { 
				name: "BNC Rentals", 
				// url: "https://calendar.google.com/calendar/ical/en.canadian%23holiday%40group.v.calendar.google.com/public/basic.ics",
				url: "https://calendar.google.com/calendar/ical/rentalsthebnc%40gmail.com/private-xxxxxxxxxxxxx/basic.ics"
			},
			],
			views: [
			{
				Name: "Rentals",
				title: "BNC Rentals",
				mode: "week",			
				position: "fullscreen_below",
				calendars: ["BNC Rentals"],
				useEventTimeRelative: true,
				slotCount: 3,
				slotTitle: "",
				slotMaxHeight: "150px",
				slotSubTitle: "",
				slotTitleFormat: "MMM:DD",
				slotSubTitleFormat: "MMM:DD",
				subslotTitleFormat: "MMM:DD",
				maxItems: 200,
				hideOverflow: false,
				relativeFormat: {
					passed: "ended %ENDFROMNOW%",
					current: "ends %ENDFROMNOW%",
					future: "starts %STARTFROMNOW% (%DURATION%)"
				},

			
			}
			],
			scenes: [
			  {
				name: "DEFAULT",
				views: [],
			  },
			],

		 }

	}		


]

};

I am a complete noob with css, so please be kind. I am trying to move the calendar entries up to possibly show a fourth row. What I have so far is this:

https://imgur.com/qAjF4D6

My custom.css file looks like:

/*****************************************************

• Magic Mirror *
• Custom CSS *

•                                               *
  

• By Michael Teeuw http://michaelteeuw.nl *
• MIT Licensed. *

•                                               *
  

• Add any custom CSS below. *
• Changes to this files will be ignored by GIT. *
  *****************************************************/

body {
margin: 40px;
height: calc(100% - 100px);
width: calc(100% - 30px);
}

Any changes I make to height/width don’t seem to affect the calendar display. Can someone give me some guidance how I maximize the screen usage?

@sdetweil Thanks! I’ll definitely take a look.