• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
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.

Monthly Calendar View

Scheduled Pinned Locked Moved Solved Requests
58 Posts 23 Posters 71.3k Views 19 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.
  • M Offline
    MichMich Admin
    last edited by Jun 4, 2016, 6:36 PM

    A bit late to the party thanks to a delightful holiday, but I must say: nice work on the calendar.
    One small suggestion: change the green color to an inverted black and white digit. I prefer the MM to be fully B&W.

    K 1 Reply Last reply Jun 4, 2016, 7:29 PM Reply Quote 0
    • K Offline
      KirAsh4 Moderator @MichMich
      last edited by Jun 4, 2016, 7:29 PM

      @MichMich, it is, by default, B/W. Users can set a custom CSS to change the colors, like I did as a test.

      A Life? Cool! Where can I download one of those from?

      M 1 Reply Last reply Jun 4, 2016, 7:30 PM Reply Quote 1
      • M Offline
        MichMich Admin @KirAsh4
        last edited by Jun 4, 2016, 7:30 PM

        @KirAsh4 Nice work!

        1 Reply Last reply Reply Quote 0
        • K Offline
          KirAsh4 Moderator
          last edited by Jun 5, 2016, 4:30 AM

          I can spend days coming up with style ideas, but I think I’m done fiddling with this. It’s time to move on to the next step in the process. I’m cleaning up the branches on GitHub and getting ready to open the flood gates. In the mean time, here’s the 4 styles that I’m including. Note that the ‘slate’ style is really meant for people who have a mirror-less display as the colors probably won’t show very well through a 2-way mirror.

          • The calendar is language aware, meaning it will translate to your language setting.
          • The calendar will automatically start on either Monday or Sunday depending on your language setting.
          • The header (month and year) can be suppressed (not shown) if desired.
          • Customization can be done through the custom CSS file
          • Current day is highlighted through CSS styling.
          • Probably more stuff I forget at the moment … I’ll have it all written out in the README file, including the full styling tree.

          0_1465100367184_calStyles.png

          A Life? Cool! Where can I download one of those from?

          1 Reply Last reply Reply Quote 1
          • M Offline
            MichMich Admin
            last edited by Jun 5, 2016, 7:34 AM

            Could you try a version where the active day is black text on a white background? So a little white square with a black number in it? Preferably with rounded corners. (Radius 1 or 2).

            1 Reply Last reply Reply Quote 0
            • K Offline
              KirAsh4 Moderator
              last edited by KirAsh4 Jun 5, 2016, 6:20 PM Jun 5, 2016, 4:41 PM

              Oh I suppose …
              0_1465144698937_block.png

              Keep in mind that the styling can be changed by the user to whatever they want it to look like. The sky isn’t the limit … it’s their imagination. :)

              A Life? Cool! Where can I download one of those from?

              M K 2 Replies Last reply Jun 5, 2016, 6:40 PM Reply Quote 0
              • M Offline
                MichMich Admin @KirAsh4
                last edited by Jun 5, 2016, 6:40 PM

                @KirAsh4 I understand. But I think this is the best default style … 😈

                1 Reply Last reply Reply Quote 1
                • K Offline
                  KirAsh4 Moderator
                  last edited by KirAsh4 Jun 5, 2016, 8:30 PM Jun 5, 2016, 7:42 PM

                  It won’t be the “default” style, but the config will set it as 'default'. The reason is because the actual 'styleDefault.css' file needs to be clean and not have anything in it other than setting the proper margin, padding, and table/cell views for the calendar and it gets included always. Custom CSS files are pulled in on top of that. That way, the user doesn’t need to set any of that themselves, but rather just over ride what they want with their own styles. So I can have a 'styleMichMich' [*] that I can set as the default style to have today highlighted in a white box.

                  [*] actual name to be determined still …

                  Never mind, went a slightly different route …

                  A Life? Cool! Where can I download one of those from?

                  M 1 Reply Last reply Jun 6, 2016, 10:15 AM Reply Quote 1
                  • M Offline
                    MichMich Admin @KirAsh4
                    last edited by Jun 6, 2016, 10:15 AM

                    @KirAsh4 Don’t you just love it when you type loads of useless text online … LOL.

                    1 Reply Last reply Reply Quote 0
                    • K Offline
                      KirAsh4 Moderator
                      last edited by Jun 6, 2016, 1:43 PM

                      I left it all for posterity. :)

                      A Life? Cool! Where can I download one of those from?

                      1 Reply Last reply Reply Quote 0
                      • 1
                      • 2
                      • 3
                      • 4
                      • 5
                      • 6
                      • 3 / 6
                      3 / 6
                      • First post
                        26/58
                        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