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-Multimonth

    Scheduled Pinned Locked Moved Utilities
    calendarmagicmirror2module
    78 Posts 19 Posters 49.7k Views 17 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.
    • BKeyportB Offline
      BKeyport Module Developer
      last edited by BKeyport

      new product released!

      Added:
      Language and calendar modification unlinked. The module now has startWeek variable to set the start of the week

      You now can shorten the day names to the shortest available for your language. (for english, instead of “Sun Mon Tue Wed Thu Fri Sat” it will be “S M T W T F S”

      Removed:
      All references and use of Moment. It’s now native code completely.

      Other:
      There’s a bug - Week numbers are in the system, but it will generate an additional line. I am going to re-do the module more (enough to create a MultiMonth2), so in that process I’ll sure I’ll find the cause.

      As a reminder, internationalization is based on the mirror as a whole, so if you have your mirror set to French, it will have French month and day names.

      Read the Readme for instructions.

      Thanks to MMRize for the inspiration to do this!

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

      E 1 Reply Last reply Reply Quote 2
      • pugslyP Offline
        pugsly
        last edited by pugsly

        I only want to display a single month, how do I remove the beginning and ending dates from the current month calendar? Also seems like the alignment is off.

        54bb7b2b-d780-41be-a41c-95c38c147575-image.png

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

          @pugsly

          add this to your custom.css file. It will clear it out. As for the malformed space, I’ll have to look into that, it appears something’s minorly wrong with the CSS, which I didn’t touch from previous version.

          .MMM-Multimonth .daydim {
          color: var(–color-background);
          }

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

          1 Reply Last reply Reply Quote 0
          • E Offline
            Egnos @BKeyport
            last edited by Egnos

            @BKeyport great work!
            Thanks.

            My Mirror https://forum.magicmirror.builders/topic/17262/the-raspimirror-was-born/7

            1 Reply Last reply Reply Quote 0
            • P Offline
              p1lspeda
              last edited by

              Great Module, but I think I found a small issue/bug.

              f512ed7a-f5f5-4479-804c-ef4435ce26dd-image.png

              The October I live in has 31 days, any idea what’s wrong ?

              S BKeyportB 2 Replies Last reply Reply Quote 0
              • S Do not disturb
                sdetweil @p1lspeda
                last edited by sdetweil

                @p1lspeda I had a similar problem in code I am porting.

                month takes 4 or 5 weeks to show all the days… oops or 6 occasionally!

                Sam

                How to add modules

                learning how to use browser developers window for css changes

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

                  @p1lspeda Yep. Bug confirmed. Something to do with the start of week being specifically on monday (I suspect start of week and end of month being the same day). I’ll look into it when I’m able. We’re busy at work at the moment. Short term fix: set start of week to any day but Monday. 😉

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

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

                    @p1lspeda Bug Squashed (99% sure). Thanks for reporting.

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

                    1 Reply Last reply Reply Quote 0
                    • P Offline
                      p1lspeda
                      last edited by

                      Confirmed,
                      Bug fixed.
                      Thanks for (very) quick fix.

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

                        @p1lspeda No worries, was using a routine wrong and didn’t catch that it was reporting the last day of the week as the first day of the week. Surprised it got through most of the month without an issue. 🤣

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

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

                          Just installed this module and have it positioned as

                          bottom_bar
                          

                          but it actually is about a half inch above the bottom.

                          Anyway to get it to sit flush with the bottom of the screen?

                          (I am a noob with coding)

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

                            @marchvet Yes, it’s actually not the module that’s the error though it’s the overall system.

                            in css/custom.css:

                            :root {
                            	--gap-body-top: ??px;
                            	--gap-body-right: ??px;
                            	--gap-body-bottom: ??px;
                            	--gap-body-left: ??px;
                            	--gap-modules: ??px;
                            }
                            

                            replace ?? with whatever value you find useful. the defaults are 60 for body and 30 for modules. I use 15 and 1 respectively.

                            – Brendan

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

                            M 2 Replies Last reply Reply Quote 0
                            • M Offline
                              marchvet @BKeyport
                              last edited by

                              @BKeyport Thank you but I am not even sure how to get to the css/custom.css file?

                              1 Reply Last reply Reply Quote 0
                              • M Offline
                                marchvet @BKeyport
                                last edited by

                                @BKeyport Thank you but I am not even sure how to get to the css/custom.css file?

                                S 1 Reply Last reply Reply Quote 0
                                • S Do not disturb
                                  sdetweil @marchvet
                                  last edited by

                                  @marchvet ~/MagicMirror/css/custom.css

                                  is a file. if it doesn’t exist, create it

                                  touch ~/MagicMirror/css/custom.css

                                  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 Thanks, Sam - I tend to think multiple platform so I leave the main directories off when I write…

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

                                    S 1 Reply Last reply Reply Quote 2
                                    • S Do not disturb
                                      sdetweil @BKeyport
                                      last edited by

                                      @BKeyport many new users don’t connect the names we talk about to the folders. many have not looked at the folders at all!

                                      my install script is a blessing and a curse. gets u up and running fast , but doesn’t teach you much.

                                      Sam

                                      How to add modules

                                      learning how to use browser developers window for css changes

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

                                        Thanks I appreciate it. Works like a charm!

                                        1 Reply Last reply Reply Quote 1
                                        • E Offline
                                          Egnos
                                          last edited by

                                          Thanks @BKeyport great module!

                                          My Mirror https://forum.magicmirror.builders/topic/17262/the-raspimirror-was-born/7

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

                                            MAJOR Update -
                                            29 Oct 2022 - Start Implementing streamlined CSS, add feature to move weekend around, documentation improvements.

                                            This update will not break old CSS or code. I’ve made sure any changed CSS includes reference to old CSS for compatibility. Some CSS names are changing to make more sense. Un-needed duplicates are being eliminated.

                                            New:
                                            If all you’re doing is changing the appearance, the README.md file has new instructions on how to do this… You can actually delete your old long changes and simply have changes in one css element.

                                            Now you can move the weekend. See the config table in README.

                                            Now you can turn on or off the previous/next month display in the month grid regardless of number of months!

                                            Let me know if you have any bugs or oddities.

                                            Thanks!

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

                                            BKeyportB 1 Reply Last reply Reply Quote 2

                                            Hello! It looks like you're interested in this conversation, but you don't have an account yet.

                                            Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

                                            With your input, this post could be even better 💗

                                            Register Login
                                            • 1
                                            • 2
                                            • 3
                                            • 4
                                            • 3 / 4
                                            • 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