• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
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 - how to hide days with no events and hide/filter out events with a keywords

Scheduled Pinned Locked Moved Unsolved Troubleshooting
22 Posts 4 Posters 1.6k Views 4 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.
  • S Offline
    sdetweil @GrandizerGo
    last edited by sdetweil Jan 2, 2025, 2:08 AM Jan 1, 2025, 8:29 PM

    @MMRIZE will have to answer that

    i know there is the function to handle all events

    but that doesn’t help if there no events for a date

    Sam

    How to add modules

    learning how to use browser developers window for css changes

    1 Reply Last reply Reply Quote 0
    • M Offline
      MMRIZE @GrandizerGo
      last edited by Jan 2, 2025, 1:41 AM

      @GrandizerGo

      To filter out the empty days

      There could be 2 ways of approaches for your exact purpose. The each ways are different, so choose one.

      1.

      d9ebe486-8de8-4e4b-83dc-c859f050912e-image.png

      /* CX3A config section of config/config.js */
      onlyEventDays: 5, // This will show 5 specific days which has at least one event on the day.
      

      cd16bca8-6022-4d5c-897d-ecb0a053f762-image.png

      2.

      Or you can hide empty days in the calendar scope with CSS.

      /* css/custom.css */
      .CX3A .agenda .cell[data-events-counts="0"] {
        display: none;
      }
      

      9f8a0c9b-1c15-488d-8293-a958775b6148-image.png

      S 1 Reply Last reply Jan 2, 2025, 2:00 AM Reply Quote 1
      • S Offline
        sdetweil @MMRIZE
        last edited by Jan 2, 2025, 2:00 AM

        @MMRIZE cool on the css approach

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        G 1 Reply Last reply Jan 3, 2025, 1:55 AM Reply Quote 0
        • G Offline
          GrandizerGo @sdetweil
          last edited by Jan 3, 2025, 1:55 AM

          @MMRIZE Thanks! On the config.js method it worked right away! I set to 10 days and it works nicely.
          With the custom.css method it seems to only show about 4 events.

          1 Reply Last reply Reply Quote 0
          • R Offline
            rkorell
            last edited by Jan 3, 2025, 8:24 PM

            Dear gurus,
            I’m pretty new here and i do have the exact same problem as the original thread owner.
            I’ve identified and tried the conig.cs approach with “onlyEventDays: 5,” but this doesn’t work for me unfortunately.
            In addition other documented switches of this module
            // useWeather: false ,
            // showMiniMonthCalendar: false,
            don’t work either for me.
            Any idea?
            Because of the other two switches I don’t want to play with CSS right now…
            Thanks for any hint/advise!

            Warmest regards,
            Ralf

            S 1 Reply Last reply Jan 3, 2025, 8:31 PM Reply Quote 0
            • S Offline
              sdetweil @rkorell
              last edited by Jan 3, 2025, 8:31 PM

              @rkorell can you show your ext3 config please

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              R 1 Reply Last reply Jan 4, 2025, 11:29 AM Reply Quote 0
              • R Offline
                rkorell @sdetweil
                last edited by Jan 4, 2025, 11:29 AM

                Dear @sdetweil ,
                yes for sure, sorry…
                It’s VERY basic, because my trials were ignored I doesn’t spent too much time on it yet…
                As you can see I’ve disabled the not working parts (currently except the asked one - “onlyEventDays”.

                
                // Kalenderübersicht (Agendaview)
                
                		{
                		  module: "MMM-CalendarExt3Agenda",
                		  position: "top_left", 
                		  header: "Wichtige Termine",
                		  // useWeather: false ,
                		  // showMiniMonthCalendar: false,
                		  onlyEventDays: 1
                
                		},
                
                
                

                Thanks for your prompt reply - I was tired yesterday night, so seen your query rigth now.
                Warmest regards,
                Ralf

                S 1 Reply Last reply Jan 4, 2025, 11:39 AM Reply Quote 0
                • S Offline
                  sdetweil @rkorell
                  last edited by sdetweil Jan 4, 2025, 11:40 AM Jan 4, 2025, 11:39 AM

                  @rkorell ok, the problem is the config description

                  according to the documentation, all of these config items belong to MagicMirror
                  https://docs.magicmirror.builders/modules/configuration.html#module-configuration
                  everything INSIDE the config:{} section belongs to the module

                  but you don’t have a config section, should look like this

                  {
                                   module: "MMM-CalendarExt3Agenda",
                                   position: "top_left", 
                                   header: "Wichtige Termine",
                                   config: {    
                                         // useWeather: false ,
                                         // showMiniMonthCalendar: false,
                                         onlyEventDays: 1
                                   }
                  },
                  

                  Sam

                  How to add modules

                  learning how to use browser developers window for css changes

                  R 1 Reply Last reply Jan 4, 2025, 11:49 AM Reply Quote 0
                  • R Offline
                    rkorell @sdetweil
                    last edited by Jan 4, 2025, 11:49 AM

                    .Dear Sam, @sdetweil ,

                    shame on me!
                    This is dumb.
                    thanks a lot for this hint.

                    If you are doing it right - it works …

                    I’m terribly embarrassed.
                    Regards,
                    Ralf

                    S 1 Reply Last reply Jan 4, 2025, 11:56 AM Reply Quote 0
                    • S Offline
                      sdetweil @rkorell
                      last edited by Jan 4, 2025, 11:56 AM

                      @rkorell we all learn new things every day…

                      Sam

                      How to add modules

                      learning how to use browser developers window for css changes

                      R 1 Reply Last reply Jan 4, 2025, 2:57 PM Reply Quote 0
                      • 1
                      • 2
                      • 3
                      • 1 / 3
                      1 / 3
                      • First post
                        8/22
                        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