MMM-CalendarExt3 not showing events on calendar, but does on list after 2.30 update

MMRIZE

@tke499
Send me your ics file or url. (eouia0819@gmail.com)

sdetweil

@tke499 what is the settings in the default calendar,
xxx out your url

set :maximumEvents:100,

tke499

@sdetweil I set it to 100. The events now show up, but low the list on the side goes to the bottom of the screen. Not the desired effect.

sdetweil

@tke499 use limitdays

there are 50 knobs to adjust

sdetweil

@tke499 you can try maximumEvents:12 or 15

there is also a way with css. i will test and document in a little while

this should hide more than 10 events in the default calendar
in custom.css

.calendar table tr:nth-child(n+10) {
  display: none;
}

sdetweil

@tke499 I have confirmed the css approach works…
in ~/MagicMirror/css/.custom.css

.calendar table tr:nth-child(n+10) {  /* 10 is the number of rows you want showing */  
          display: none;
}

I have maximumEvents:200
and only 10 lines show with the css posted
without it, it goes to the bottom of the screen

Niggich

@sdetweil thx this is working for me, but now the events doesn’t fade out… any solution?

tke499

@sdetweil this works, just no fade. Thanks

sdetweil

@tke499 yeh, fade is calculated based on the size of the list (200 in my case)
and the fade starts at 100, oops… cut off at 10…

fadepoint can get you a different start spot, BUT, its also changes the amount of fade (start at .02 (4 =line 4) BUT there are 196 steps in the fade, so I don’t see much…

looking thru the code, I don’t see any difference in the event broadcast

sdetweil

@tke499 i’ll give you a hack til next release

in ~/MagicMirror/modules/default/calendar.js
add this line

		fadePoint: 0.25, // Start on 1/4th of the list.  line 25
		fadeSteps:0,  // ------- this one

and

			startFade = events.length * this.config.fadePoint;   // line 255 after above added
			fadeSteps = events.length - startFade;
			if(this.config.fadeSteps)                  /* these two */
				fadeSteps=this.config.fadeSteps

then in your config.js calendar

          fade:true,
          fadePoint:0.02,   //  use this to get into the top 10 (my 200 list gets to number 4)
          fadeSteps:6,         // use this to decide how many steps from full to gone