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 289.9k 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.
    • htilburgsH Offline
      htilburgs
      last edited by

      Is there a way to hide (not show) Yesterday, Today, Tomorrow, etc. and just show the day and date?

      (still trying to learn JS, but not afraid to ask) ☺

      htilburgsH 1 Reply Last reply Reply Quote 0
      • htilburgsH Offline
        htilburgs @htilburgs
        last edited by htilburgs

        @htilburgs said in MMM-CalendarExt3Agenda:

        Is there a way to hide (not show) Yesterday, Today, Tomorrow, etc. and just show the day and date?

        Found it:
        in custom.css change

        .CX3A .relativeDay {
        display: none;
        }

        c830af2e-f2c0-4472-a6a5-1f9b6ae2fbca-image.png

        (still trying to learn JS, but not afraid to ask) ☺

        1 Reply Last reply Reply Quote 0
        • htilburgsH Offline
          htilburgs
          last edited by

          Is there a way to only show MiniMonthCalendar and no calendars? I would like to run 2 instances of MMM-CalendarExt3 Agenda

          1. only show MiniMonthCalendar
          2. only show Calendar (no problem)

          (still trying to learn JS, but not afraid to ask) ☺

          M 1 Reply Last reply Reply Quote 0
          • M Offline
            MMRIZE @htilburgs
            last edited by

            @htilburgs
            60739a0d-fd61-4047-ba25-2b40666a61b3-image.png

            htilburgsH 1 Reply Last reply Reply Quote 0
            • htilburgsH Offline
              htilburgs @MMRIZE
              last edited by htilburgs

              @MMRIZE
              I know this, but I like to have 2 instances running.
              1 Calendar on the left and 1 MiniMonth on the right.
              On this way the CSS wil override the Calendar part of both parts.

              (still trying to learn JS, but not afraid to ask) ☺

              M S 2 Replies Last reply Reply Quote 0
              • M Offline
                MMRIZE @htilburgs
                last edited by

                @htilburgs
                You can give instanceId for each instance. Then you can specify CSS selector with that instanceId.

                /* config/config.js */
                module: 'MMM-CalendarExt3Agenda',
                position: 'top_left',
                config: {
                  instanceId: 'mymodule1',
                  ...
                
                /* css/custom.css */
                .CX3A_mymodule1 .agenda { // You can select a specific instance like this.
                  display: none;
                }
                

                f09c5d43-5fe6-4f1c-ab85-e7d638146b28-image.png

                1 Reply Last reply Reply Quote 0
                • M Offline
                  MMRIZE
                  last edited by MMRIZE

                  @htilburgs
                  But I’m sorry, I forgot to implement that feature until now. :D.(nobody found it was not implemented )I fix it now. You can update the module and use that instanceId selector. Sorry again. :D

                  htilburgsH 2 Replies Last reply Reply Quote 0
                  • htilburgsH Offline
                    htilburgs @MMRIZE
                    last edited by

                    @MMRIZE
                    I didn’t see it either in the documentation, my mistake. Thanks for the quick reply and fix. I’ll try when I’m at home.

                    (still trying to learn JS, but not afraid to ask) ☺

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

                      @htilburgs if you have 2 instance and want different css behavior, then you need to add more entries to custom.css using another selector prefix

                      you can add a fake name to the classes property (at same level as module and position) and use that name instead of .CX3A.
                      note the dot in front means classname

                      Sam

                      How to add modules

                      learning how to use browser developers window for css changes

                      htilburgsH 1 Reply Last reply Reply Quote 0
                      • htilburgsH Offline
                        htilburgs @sdetweil
                        last edited by

                        @sdetweil thanks Sam for the extra explanation.

                        (still trying to learn JS, but not afraid to ask) ☺

                        S 1 Reply Last reply Reply Quote 0
                        • 1
                        • 2
                        • 15
                        • 16
                        • 17
                        • 18
                        • 19
                        • 22
                        • 23
                        • 17 / 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