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 288.1k 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.
    • htilburgsH Offline
      htilburgs @sdetweil
      last edited by htilburgs

      @sdetweil Yes! This works. Thanks

      (still trying to learn JS, but not afraid to ask) ☺

      1 Reply Last reply Reply Quote 1
      • D Offline
        danny607 @ffingers6
        last edited by

        @ffingers6 how do you get that view? can you post out the config.js and or relevant module JS thanks.

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

          @danny607
          https://forum.magicmirror.builders/topic/16976/mmm-calendarext3agenda/152?_=1725781945711

          1 Reply Last reply Reply Quote 0
          • M MMRIZE referenced this topic on
          • D Offline
            Dr8ke
            last edited by

            This is a great module thank you!

            It may be something obvious but I’ve been searching without any luck. I’m trying to see how I can get more events to appear in the agenda. But I can seem to go beyond what’s in the screenshot. I’ll be using portrait mode so I have lots of room. I’ve include my config file and CSS file if that helps. Any help would be much appreciated, thank you!

            Agenda.png

            Config.js

            	module: 'calendar',
            			header: "Calendar",
            			//position: 'top_center',   *Calendar is needed for the MMM-CalendarExt3Agenda but taking away it's position hides it.
            						config: {
            						wrapEvents: true,
            						fetchInterval: 300000, 
            						maximumEntries: 100,
            						displaySymbol: true,
            						calendars: [
            

            Custom.css

            
            /******** CX3-Agenda ********/
            
            /*Remove CW from the miniMonth*/
            .CX3A .miniMonth .cw {
              display: none;
            }
            
            /*show/hide event description or location*/
            .CX3A .agenda .event .description,
            .CX3A .agenda .event .location {
              display: none;
            }
            
            .CX3A .cellBody .fullday .event .headline .symbol,
            .CX3A .cellBody .fullday .event .headline .symbol * {
              display: inline-block;
              color: var(--oppositeColor);
            }
            
            
            S 1 Reply Last reply Reply Quote 0
            • S Offline
              sdetweil @Dr8ke
              last edited by

              @Dr8ke here is the full size

              .CX3A .agenda {
                position: relative;
                max-height: 600px;
                overflow-y: hidden;  // if it gets bigger, truncate and hide
                mask-image: linear-gradient(to bottom, transparent, black 10%);
                -webkit-mask-image: -webkit-linear-gradient(90deg, transparent, black 10%);
              }
              

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              D 1 Reply Last reply Reply Quote 0
              • D Offline
                Dr8ke @sdetweil
                last edited by

                @sdetweil

                Thank you very much!

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

                  @Dr8ke that was from the module css

                  Sam

                  How to add modules

                  learning how to use browser developers window for css changes

                  1 Reply Last reply Reply Quote 0
                  • B Offline
                    bassin12
                    last edited by

                    Good day everyone, I just resurrect my MagicMirror and I saw so many new things and loving the new modules, got everything to work but haven’t figure out one thing with the CalendarExt3Agenda, I would like to display only today events, I tried different configurations with:

                    			startDayIndex: 0,
                    			endDayIndex: 1,
                    

                    With this, I get today and tomorrow, and I know this is right, but when I try

                    			startDayIndex: 0,
                    			endDayIndex: 0,
                    

                    I get a blank today without any event being display, any clue?

                    Thanks

                    Leo

                    M 2 Replies Last reply Reply Quote 0
                    • M Offline
                      MMRIZE @bassin12
                      last edited by

                      @bassin12
                      I’ll look inside; maybe it was my mistake.

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

                        @bassin12
                        Updated. There was a logical bug in the code. Sorry.

                        B 1 Reply Last reply Reply Quote 0
                        • 1
                        • 2
                        • 15
                        • 16
                        • 17
                        • 18
                        • 19
                        • 22
                        • 23
                        • 17 / 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