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

    Scheduled Pinned Locked Moved Utilities
    224 Posts 30 Posters 362.3k Views 32 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.
    • M Offline
      MMRIZE @MarNog
      last edited by MMRIZE

      @MarNog
      Interesting. You might have added some custom CSS, so hard to guess what happened at the moment.
      I think the area for time displaying is not so wide enough. Give them more space.

      Currently, the hyphen and startTime/endTime condition is defined like this.

      /* MMM-CalendarExt3Agenda.css line 187 */
      .CX3A .event .time {
        font-size: 75%;
        vertical-align: text-bottom;
      }
      
      .CX3A .event .time.notInDay {
        display: none;
      }
      
      .CX3A .event .startTime::after {
        content: ' -';
      }
      
      .CX3A .event .startTime.notInDay + .endTime.inDay::before {
        content: '- ';
      }
      
      M 1 Reply Last reply Reply Quote 0
      • M Offline
        MarNog @BKeyport
        last edited by

        @BKeyport I added another instance of the Calendar module and it worked like charm. Thank you.

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

          @MMRIZE I had used a custom.css from someone’s post and I modified the font size. After your suggestion I changed the width on the custom.css and the time is showing correctly now. Thank you

          1 Reply Last reply Reply Quote 0
          • T Offline
            themoe @MMRIZE
            last edited by

            @MMRIZE I really like your modules! I tried to setup the Ext3Agenda, but with no success.

            Can you share the part of the config file to show the Agenda for a couple of days with the scheduled meetings?

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

              @themoe
              In many cases; ppl might have missed/made wrong to the default calendar setting.
              Show me your config for default calendars module and CX3A instead.

              1 Reply Last reply Reply Quote 0
              • G Offline
                gonzonia
                last edited by

                I have two instances of MMM-CalendarExt3Agenda showing with different calendar sets.

                For one set it shows data for 4 days, with all days populated.

                For the other one, it shows 4 days but the last day isn’t populated. If I increase the endDayIndex by 1 it will add a 5th day and day 4 will be populated but the 5th day will not, so I know the data is there.

                Any ideas what would cause this?
                Working instance 1:

                {
                			module: "MMM-CalendarExt3Agenda",
                			position: "top_right",
                			classes: "SceneFamily",
                			header: "Upcoming Family Calendar",
                			config: {
                				instanceId: "FamilyAgenda",
                				locale: 'en-US',
                				firstDayOfWeek: 1,
                				startDayIndex: 0,
                				endDayIndex: 3,
                				showMiniMonthCalendar: false, 
                				useSymbol: true,
                				calendarSet: ['Dad', 'Mom', 'Kid1', 'Kid2', 'Work1', 'Work22, 'Home'],
                			}
                		}
                

                Missing Data Instance 2

                		{
                			module: "MMM-CalendarExt3Agenda",
                			position: "top_left",
                			classes: "SceneFamily SceneKids",
                			header: "Chores",
                			config: {
                				instanceId: "Chores",
                				locale: 'en-US',
                				firstDayOfWeek: 1,
                				startDayIndex: 0,
                				endDayIndex: 3,
                				showMiniMonthCalendar: false, 
                				useSymbol: true,
                				calendarSet: ['Dad Chores', 'Kid Chores', 'Mom Chores'],
                			}
                		},
                
                1 Reply Last reply Reply Quote 0
                • UncleRogerU Offline
                  UncleRoger
                  last edited by

                  I apologize for what I’m sure is a bonehead question… I had a stock calendar module to show events from one calendar (and a second, hidden instance of calendar) but when I tried to implement pages (MMM-Pages), it was loading the hidden calendar along with the non-hidden one.

                  So I thought I’d try CalExt3Ag to replace the visible calendar. The problem is, I want it to look like the stock calendar:

                  35737256-280b-45fe-a124-d924f3ebae43-image.png

                  but the best I could get is this:

                  f6ef7364-2363-4972-812d-f4bc711947cb-image.png

                  Is it possible to get a much simplified listing (one line per event, relative dates) of events using CalExt3Ag?

                  BKeyportB M 2 Replies Last reply Reply Quote 0
                  • BKeyportB Offline
                    BKeyport Module Developer @UncleRoger
                    last edited by

                    @UncleRoger Not exactly. However you can get it simplied some:

                    6d76561c-4d00-4bfa-924e-cb7968679d4d-image.png

                    That’s all CSS.

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

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

                      @UncleRoger

                      1. About the look of the module to mimic the original calendar module;
                        Sorry, it can’t. This module is an alternative view of your events listing, not a replacement. If you need only the same look as the original calendar, just use the original.

                      2. About the working with MMM-Pages.
                        MMM-Pages is a good, reliable module, though it doesn’t consider the multi-instance of the module. So when you need multi-instances and want to show/hide on different pages, it cannot work as expected. Try other paging/screen control module. (e.g. I recommend MMM-Scenes2 with shame.)
                        MMM-Scenes2 Demo
                        Click to see the DEMO

                      My mistake. You can assign class name in MMM-Pages settings. (Thanks @sdetweil )

                      S 1 Reply Last reply Reply Quote 1
                      • S Offline
                        sdetweil @MMRIZE
                        last edited by

                        @MMRIZE i.like you Scenes module.

                        but MMM-Pages works fine for multi instance. just don’t use the module name in the page definition

                        use page1, page2, page3…
                        and then use that in the individual module classes: setting

                        super easy and much more clear

                        Sam

                        How to add modules

                        learning how to use browser developers window for css changes

                        M UncleRogerU 2 Replies Last reply Reply Quote 1
                        • M Offline
                          MMRIZE @sdetweil
                          last edited by

                          @sdetweil
                          Ah, I misunderstood those identifiers are module name not class name.

                          S 1 Reply Last reply Reply Quote 1
                          • S Offline
                            sdetweil @MMRIZE
                            last edited by

                            @MMRIZE well they are used as class names in the code lookup. each module’s name is
                            assigned as a class in the Dom for each module.
                            that’s why using module name is not instance aware.

                            but classes can be any string, and pages just search for all with that class.

                            Sam

                            How to add modules

                            learning how to use browser developers window for css changes

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

                              @sdetweil
                              You are right.
                              However the example seems somehow ambiguous (though config description) It might mislead someone.(like @UncleRoger or me) :D

                              f0805199-72ae-4077-ac02-7227a032afc2-image.png

                              S 1 Reply Last reply Reply Quote 1
                              • S Offline
                                sdetweil @MMRIZE
                                last edited by sdetweil

                                @MMRIZE yes, I would have preferred my description , but I can’t update the doc.

                                depends on where u want the config info (all in the pages config, which doesn’t support multi-instance cause it talks module name)

                                or all at the modules. page1, page2. etc

                                understandable, but spread out.

                                edit : I updated the MMM-Pages readme (also the front page of the module on Github )to describe this
                                https://github.com/sdetweil/MMM-pages

                                Sam

                                How to add modules

                                learning how to use browser developers window for css changes

                                1 Reply Last reply Reply Quote 1
                                • UncleRogerU Offline
                                  UncleRoger @sdetweil
                                  last edited by

                                  @sdetweil @MMRIZE
                                  You guys are amazing! Thank you!

                                  Scenes2 looks really interesting but I think it’s probably overkill for what I’m trying to do (MagicMirror swapping with Mr. Rogers’ Picture Picture). I could see that there are a lot of possibilities with it. I might play around with it for a future build.

                                  The reason I have two calendar modules is that one is displayed for the dinner menu and one is there just to define the calendars for MMM-MonthlyCalendar. I’m planning on playing with CalendarExt3 to see if I like it better than MonthlyCalendar but the latter was quick and easy to get going.

                                  Anyway, thanks again!

                                  S 1 Reply Last reply Reply Quote 0
                                  • S Offline
                                    sdetweil @UncleRoger
                                    last edited by sdetweil

                                    @UncleRoger if it doesn’t have a position, it would.
                                    be in the fixed section of pages, else it would think it is suspended, and not operate. fixedeans on all pages, but it still wouldn’t be shown

                                    Sam

                                    How to add modules

                                    learning how to use browser developers window for css changes

                                    C 1 Reply Last reply Reply Quote 1
                                    • C Offline
                                      CDT @sdetweil
                                      last edited by

                                      Possible bug here. The Agenda doesn’t show scheduled events on the final day as set by the endDateIndex.

                                      I’m trying to get the Ext3Agenda to show me just a single day. Using startDayIndex:0, endDateIndex:0. When doing this, it only shows full-day events, not events scheduled a specific time.

                                      If I change endDateIndex:1, then I get the proper items appearing, but also a header for day 2.

                                      I notice that not matter what the endDateIndex is listed, it doesn’t seem to show sheduled events the last day. Only the header and any full-day events.

                                      M luisestradaL 3 Replies Last reply Reply Quote 0
                                      • M Offline
                                        MMRIZE @CDT
                                        last edited by

                                        @CDT thanks. I’ll check.

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

                                          @CDT
                                          I’ve fixed it. Thanks for reporting it.

                                          C 1 Reply Last reply Reply Quote 1
                                          • luisestradaL Offline
                                            luisestrada @CDT
                                            last edited by

                                            @CDT said in MMM-CalendarExt3Agenda:

                                            Possible bug here. The Agenda doesn’t show scheduled events on the final day as set by the endDateIndex.

                                            I’m trying to get the Ext3Agenda to show me just a single day. Using startDayIndex:0, endDateIndex:0. When doing this, it only shows full-day events, not events scheduled a specific time.

                                            If I change endDateIndex:1, then I get the proper items appearing, but also a header for day 2.

                                            I notice that not matter what the endDateIndex is listed, it doesn’t seem to show sheduled events the last day. Only the header and any full-day events.

                                            I think you are referring to the same issue I posted a while ago but unfortunately I was not able to make myself clear.

                                            1 Reply Last reply Reply Quote 0
                                            • luisestradaL luisestrada referenced this topic on

                                            Hello! It looks like you're interested in this conversation, but you don't have an account yet.

                                            Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

                                            With your input, this post could be even better 💗

                                            Register Login
                                            • 1
                                            • 2
                                            • 3
                                            • 4
                                            • 5
                                            • 11
                                            • 12
                                            • 2 / 12
                                            • 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