MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.

    MMM-CalendarExt3Agenda - Can I Make it show more events?

    Scheduled Pinned Locked Moved Unsolved Troubleshooting
    11 Posts 4 Posters 5.0k Views 6 Watching
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • K Offline
      Kelemvor @BKeyport
      last edited by

      @BKeyport said in MMM-CalendarExt3Agenda - Can I Make it show more events?:

      max-height: 850px;

      Well, I tried setting min-height to a really high number. This made the box go down off the screen, but the data still stopped where it did before. When I watch the text as MM is loading, I can see it’s loading 100+ entries for each calendar. I’m pretty sure the events are there, it’s just not displaying them.

      Here’s what I see currently. My modules have shading behind them to make them easier to read…
      PXL_20240120_210735901.jpg

      BKeyportB 1 Reply Last reply Reply Quote 0
      • BKeyportB Offline
        BKeyport Module Developer @Kelemvor
        last edited by

        @Kelemvor forgot, gotta increase the max entries in the default calendar module maximumEntries: 99,

        The "E" in "Javascript" stands for "Easy"

        1 Reply Last reply Reply Quote 0
        • K Offline
          Kelemvor
          last edited by

          Sorry I haven’t had time to work on this until now. I pasted in your CSS info, and changed the maximumEntries to 99 in the default calendar area, but it didn’t change the events. I used the CSS from up above, and even changed the max-height to 1850, just to use a really big number.

          These are the various CSS entries I have for this module:

          .CX3A {
            font-size: 20px; /* default was 16px */
          	min-width: 440px;
          	max-width: 440px;
          	overflow-y: unset;
          	text-align: left;
          	position: relative;
          	color: var(--color-text);
          	--todayColor: BurlyWood;
          	padding: 5px 5px;
          	max-height: 1850px;
          }
          
          .CX3A .event .description,
          .CX3A .event .location {
            display: none;
          }
          
          .CX3A .cw {
            display: none;
          }
          
          .CX3A .relativeDay {
            display:none;
          }
          
          .CX3A .relativeDay.relativeDay_0 {
            display: inline-block;
          }
          

          The only thing I have for the Config for the default calendar module is:

          config: {
          	maximumEntries: 99,
          	calendars: [...
          

          And here’s the config section for this module:

          	{
          		module: "MMM-CalendarExt3Agenda",
          		position: "top_right",
          		title: "My Agenda",
          		config: {
          			weatherPayload: (payload) => {
          				if (Array.isArray(payload?.forecastArray)) {
          					payload.forecastArray = payload.forecastArray.map((f) => {
          						f.maxTemperature = Math.round(f.maxTemperature * 9 / 5 + 32)
          						f.minTemperature = Math.round(f.minTemperature * 9 / 5 + 32)
          						return f
          					})
          				}
          				return payload
          			},
          			waitFetch: 180000,
          			instanceId: "basicCalendar",
          			locale: 'en-US',
          			firstDayOfWeek: 0,
          			startDayIndex: 0,
          			miniMonthWeekdayOptions: { weekday: 'short' },
          			endDayIndex: 10,
          			skipDuplicated: true,
          			calendarSet: ['m', 'c', 'e', 'n', 'packers', 'volleyball'],
          		}
          	},
          

          I still only have the events going about halfway down the screen. I’m trying ot get it to go down and fill in the area in the red box.

          1381057a-1e8b-44b1-bd5a-b09f21c98db4-image.png

          BKeyportB M S 3 Replies Last reply Reply Quote 0
          • BKeyportB Offline
            BKeyport Module Developer @Kelemvor
            last edited by

            @Kelemvor I don’t use it that long anymore, but I went back in my backups and found this config:

            		{
            			module: "MMM-CalendarExt3Agenda", // https://github.com/MMRIZE/MMM-CalendarExt3Agenda
            			position: "top_left",
            			config: {
            				showMiniMonthCalendar: false,
            				instanceId: "basicCalendar",
            				firstDayOfWeek: 0,
            				startDayIndex: 0,
            				endDayIndex: 99,
            				minimalDaysOfNewYear: 1,
            				animationSpeed: 0,
            				useSymbol: false,
            				useWeather: false,
            				waitFetch: 5000,
            				eventTransformer: (ev) => {
            					if (ev.title.search("⚾") > -1) {
            						ev.title = ev.title.replace("⚾️ ","");
            					}
            					if (ev.title.search("Bowling") > -1) {
            						ev.color = 'yellow';
            					}
            					return ev
            				},
            			},
            		},
            
            {
            			module: "calendar", // Built in
            			//position: "top_right",
            			config: {
            				broadcastEvents: true,
            				broadcastPastEvents: true,
            				fetchInterval: 30000,
            				maximumEntries: 99,
            				calendars: [
            			```

            The "E" in "Javascript" stands for "Easy"

            1 Reply Last reply Reply Quote 0
            • M Offline
              MMRIZE @Kelemvor
              last edited by

              @Kelemvor
              Maybe your event provider (default calendar) may broadcast limited number of events.

              • Check maximumEntries, maximumNumberOfDays of default Calendar module.

              And also, To get enough range of days for events;

              • Check endDayIndex of CX3A module.

              To extend physical height of area;

              • override .CX3A .agenda { max-height : 600px; } to what you want. (If you set none, It might be extended automatically, I think, not tested…)
              1 Reply Last reply Reply Quote 0
              • S Offline
                sdetweil @Kelemvor
                last edited by

                @Kelemvor can you look at the messages from where you do npm start…

                if using pm2 to autostart mm, then use the command

                pm2 logs --lines=50

                50 can be any number bigger than 15

                you are looking for the calendar module to say broadcast xxx events

                Sam

                How to add modules

                learning how to use browser developers window for css changes

                K 1 Reply Last reply Reply Quote 0
                • K Offline
                  Kelemvor @sdetweil
                  last edited by

                  @sdetweil Hi,

                  I ran it via npm start and got this. There are always hundreds of events since it’s my, my wife’s, my daughter’s, etc calendars.

                  cadd0f37-53a6-4f56-9369-d3a484aeb1e7-image.png

                  It still looks like it did in my above pictures where it only goes partway own the screen.

                  M 1 Reply Last reply Reply Quote 0
                  • M Offline
                    MMRIZE @Kelemvor
                    last edited by

                    @Kelemvor
                    To make things simpler, Let’s clear the condition;

                    • What is your expectation?
                      • Are there missing events which have to be shown but not? For example, there had to be 3 events on today but only 2 events shown?
                        • on which day it happens? everyday? or some specific day?
                        • on which calendar does it happen? randomly? or some specific calendar?
                        • Or any suspicious symptoms or evidence of those missed events?
                      • Are you suspecting hidden(not missing) events or days at the end(bottom) of the module’s view?
                        • You expect 10 days but only 7 days are shown…?
                    1 Reply Last reply Reply Quote 0
                    • 1
                    • 2
                    • 1 / 2
                    • First post
                      Last post
                    Enjoying MagicMirror? Please consider a donation!
                    MagicMirror created by Michael Teeuw.
                    Forum managed by Sam, technical setup by Karsten.
                    This forum is using NodeBB as its core | Contributors
                    Contact | Privacy Policy