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
    222 Posts 29 Posters 293.3k Views 31 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
                        • 1
                        • 2
                        • 11
                        • 12
                        • 13
                        • 14
                        • 15
                        • 22
                        • 23
                        • 13 / 23
                        • 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