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

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