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 3.1k 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 @sdetweil
      last edited by

      @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 Reply Quote 0
      • S Offline
        sdetweil @GrandizerGo
        last edited by sdetweil

        @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

          @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 Reply Quote 1
          • S Offline
            sdetweil @MMRIZE
            last edited by

            @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 Reply Quote 0
            • G Offline
              GrandizerGo @sdetweil
              last edited by

              @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

                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 Reply Quote 0
                • S Offline
                  sdetweil @rkorell
                  last edited by

                  @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 Reply Quote 0
                  • R Offline
                    rkorell @sdetweil
                    last edited by

                    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 Reply Quote 0
                    • S Offline
                      sdetweil @rkorell
                      last edited by sdetweil

                      @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 Reply Quote 0
                      • R Offline
                        rkorell @sdetweil
                        last edited by

                        .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 Reply Quote 0
                        • 1
                        • 2
                        • 3
                        • 2 / 3
                        • 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