• 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.
  • G Offline
    GrandizerGo
    last edited by Dec 31, 2024, 7:54 PM

    I’m finally getting back into trying get MM all configured.
    I would like to be able to filter out empty days in the Agenda so it doesn’t list the date if there are no events. I’m also looking to exclude events by keyword. For example, don’t list events with “Swimming”.

    I’ve attached a pic of my current view if that helps. Thanks for any guidance you can provide.

    ca979def-08b7-4773-9bc6-899ade7d0e01-image.png

    S M 2 Replies Last reply Dec 31, 2024, 8:40 PM Reply Quote 0
    • S Away
      sdetweil @GrandizerGo
      last edited by sdetweil Dec 31, 2024, 8:41 PM Dec 31, 2024, 8:40 PM

      @GrandizerGo i think on the second you can use the filter

      IMG_0595.png IMG_0596.png

      if the filter routine returns true the event is kept

      dont know of remove days

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      G 1 Reply Last reply Jan 1, 2025, 7:57 PM Reply Quote 0
      • G Offline
        GrandizerGo @sdetweil
        last edited by Jan 1, 2025, 7:57 PM

        @sdetweil Thanks, the eventFilter did the trick to help hide repeated events.

        Anyone know if it’s possible to filter out dates that have no entries hidden after the filter is applied?

        43dc7658-4eba-4dcd-8eb5-740cca2e7589-image.png

        S 1 Reply Last reply Jan 1, 2025, 8:29 PM Reply Quote 0
        • S Away
          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 Away
              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 Away
                    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
                      • 1
                      • 2
                      • 3
                      • 1 / 3
                      1 / 3
                      • First post
                        5/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