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

      @BKeyport there is nothing built in, but you might be able to use css to do this

      i used google search for
      css count of child elements
      and got this

      IMG_2082.png

      notice the third choice (excluding no children)

      so maybe you can target with no children display:none for the module has(= 0)

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      BKeyportB 1 Reply Last reply Reply Quote 0
      • BKeyportB Offline
        BKeyport Module Developer @sdetweil
        last edited by BKeyport

        @sdetweil I’m not understanding, and I can’t find anything that makes sense to me when I search the same.

        Here’s what I know - CX3A generates exactly 3 DIVs inside the module div when empty:

        <div id="module_4_MMM-CalendarExt3Agenda" class="module MMM-CalendarExt3Agenda MMM-CalendarExt3Agenda" style="order: 0;">
            <header class="module-header" style="display: none;">undefined</header>
            <div class="module-content">
                <div class="bodice CX3A_undefined CX3A">
                    <div class="agenda"></div>
                </div>
            </div>
        </div>
        

        It generates more when visible.

        Should I be targeting like

        .MMM-CalendarExt3Agenda:has(div:nth-child(3):last-child) { 
        

        ?

        The "E" in "Javascript" stands for "Easy"

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

          @BKeyport

          given this article
          IMG_2085.png

          i think this should work, as the div with the agenda class has no children, aka: is empty

          .MMM-CalendarExt3Agenda:has(.agenda:empty) { 
            display:none;
          }
          

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          BKeyportB 1 Reply Last reply Reply Quote 0
          • F Offline
            FMancuso5
            last edited by sdetweil

            Hi,

            Having an issue with CX3A not displaying events. I have below the module configurations. The calendar setup for CX3 works perfectly, and they’re all defined in the default calendar module. The header appears for the Agenda in the bottom right as well, just no events are displayed. I know there was a clipping issue with the maxEntries on the default calendar. I have them all set to 100, and this is a fresh install of MM and all the modules as of this morning, so I didn’t think that was an issue. I’m also not seeing any errors logged while MM is running. I must be missing something.

            {
                        module: "MMM-CalendarExt3",
                        position: "top_center",
                        config: {
                            mode: "week",
                            instanceId: "basicCalendar",
                            locale: "en-US",
                            maxEventLines: 8,
                            weeksInView: 5,
                            weekIndex: 0,
                            fontSize: 26,
                            calendarSet: ["John", "Jane", "Joe", "Jill", "Family", "Important"],
                            refreshInterval: 30 * 60 * 1000,
                        }
                    },
                    {
                        module: "MMM-CalendarExt3Agenda",
                        position: "top_right",
                        header: "Next 3 Days",
                        config: {
                            instanceId: "basicAgenda",
                            locale: "en-US",
                            startDayIndex: 0,
                            endDayIndex: 3,
                            calendarSet: ["John", "Jane", "Joe", "Jill", "Family", "Important"],
                            refreshInterval: 30 * 60 * 1000,
                        }
                    }
            
            S M 2 Replies Last reply Reply Quote 0
            • S Offline
              sdetweil @FMancuso5
              last edited by

              @FMancuso5 see this post
              https://forum.magicmirror.builders/post/127508

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              F 1 Reply Last reply Reply Quote 1
              • BKeyportB Offline
                BKeyport Module Developer @sdetweil
                last edited by BKeyport

                @sdetweil I added it, and it seemed to delete all the calendars, so I removed it, and they’re still gone.

                They are broadcasting correctly from calendar.
                I’ve restarted both the server and the client.

                ACK!

                The "E" in "Javascript" stands for "Easy"

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

                  @BKeyport again watch out for waitFetch and refreshInterval

                  if the events come AFTER waitfetch (default 5 seconds)
                  they wait til refreshInterval (default 30 minutes)

                  Sam

                  How to add modules

                  learning how to use browser developers window for css changes

                  BKeyportB 1 Reply Last reply Reply Quote 0
                  • BKeyportB Offline
                    BKeyport Module Developer @sdetweil
                    last edited by BKeyport

                    @sdetweil both are set low, and it worked before. - – whoops - forgot I moved refresh up on those as they don’t change very much. Restored them to 1 minute for testing.

                    – and it don’t seem to be targeting correctly. does nothing.

                    The "E" in "Javascript" stands for "Easy"

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

                      @BKeyport and you removed the custom.css entry

                      Sam

                      How to add modules

                      learning how to use browser developers window for css changes

                      BKeyportB 1 Reply Last reply Reply Quote 0
                      • BKeyportB Offline
                        BKeyport Module Developer @sdetweil
                        last edited by

                        @sdetweil yeah, I put it back… both it, and the target I wrote up don’t target it.

                        The "E" in "Javascript" stands for "Easy"

                        S 2 Replies Last reply Reply Quote 0
                        • 1
                        • 2
                        • 18
                        • 19
                        • 20
                        • 21
                        • 22
                        • 23
                        • 20 / 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