• 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.

MMM-MyCalendar

Scheduled Pinned Locked Moved Utilities
109 Posts 40 Posters 115.4k Views 38 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.
  • F Offline
    fabbr @j.e.f.f
    last edited by Mar 10, 2018, 9:32 PM

    @j.e.f.f I agree with you, however for some reason I can’t make that work. Did those changes worked on your custom.css? if yes, would you mind sharing your code with me? I might be doing something wrong.

    Thanks

    J 1 Reply Last reply Mar 10, 2018, 9:36 PM Reply Quote 0
    • J Offline
      j.e.f.f Project Sponsor Module Developer @fabbr
      last edited by Mar 10, 2018, 9:36 PM

      @fabbr Try also setting a maximum width for MMM-MyCalendar in your custom.css file as well. Here is exactly what I have in my custom.css file:

      .region.left,
      .region.left .module-content {
        width: 555px;
        max-width: 555px;
        min-width: 555px;  
      }
      
      .MMM-MyCalendar {
        max-width: 555px;
      }
      

      Adjust 555px to whatever you like.

      F 1 Reply Last reply Mar 10, 2018, 9:51 PM Reply Quote 0
      • F Offline
        fabbr @j.e.f.f
        last edited by Mar 10, 2018, 9:51 PM

        @j.e.f.f Very strange mine is completely ignoring the CSS. No change is made on the screen. Here’s my CSS:

         body {
          		 .region.left,
        		.region.left .module-content {
         			  width: 555px;
        			  max-width: 555px;
        			  min-width: 555px;  
        		}
        
        		.MMM-MyCalendar {
        			  max-width: 555px;
        		}
         }
        
         
        
        N F 2 Replies Last reply Mar 10, 2018, 9:52 PM Reply Quote 0
        • N Offline
          ninjabreadman @fabbr
          last edited by Mar 10, 2018, 9:52 PM

          @fabbr You can’t nest the braces in CSS. Just take out the body { and last } entirely.

          Problem with config or JavaScript? Copy/paste it into JSHint.
          Check out the detailed walkthroughs on install, config, modules, etc.

          1 Reply Last reply Reply Quote 0
          • F Offline
            fabbr @fabbr
            last edited by Mar 10, 2018, 9:57 PM

            @fabbr LoL

            Body {
            }
            

            Was there, no I was under the impression all the changed were going to be inside the brackets. Sorry it was always my fault. Thank you so much for the help. It now works perfectly!

            1 Reply Last reply Reply Quote 0
            • M Offline
              Mike7400
              last edited by Mike7400 Aug 16, 2018, 6:59 PM Aug 16, 2018, 6:58 PM

              Is it possible to change the color of title and date for each calendar?

              1 Reply Last reply Reply Quote 0
              • H Offline
                himanshulotia
                last edited by Aug 23, 2018, 12:42 PM

                Just newbie over here. I have used MMM-Mycalendar module to show two different calendar on two separate area of the mirror (bottom_left & bottom_right)
                I want heading on each calendar to have different color and if possible icon as well.

                Is this possible?

                N 1 Reply Last reply Aug 27, 2018, 10:04 PM Reply Quote 0
                • T Offline
                  twosquirrels
                  last edited by Aug 27, 2018, 9:29 PM

                  This module just won’t display a 2-column layout for me despite it being enabled in the config:

                  {
                          module: "MMM-MyCalendar",
                          header: "Family Calendar",
                          position: "top_left",    // This can be any of the regions. Best results in left or right regions.
                          config: {
                  colored: true,
                  maximumEntries: 6,
                  columns: true,
                  showLocation: false,
                  maxTitleLength: 200,
                  fetchInterval: 120000,
                  fade: false,
                  calendars: [
                  .....
                  
                  N 1 Reply Last reply Aug 27, 2018, 9:46 PM Reply Quote 0
                  • N Offline
                    ninjabreadman @twosquirrels
                    last edited by Aug 27, 2018, 9:46 PM

                    @twosquirrels Does MMM-MyCalendar support a column layout? I can’t find any reference to a columns property for its config: https://github.com/jclarke0000/MMM-MyCalendar/blob/master/README.md

                    Problem with config or JavaScript? Copy/paste it into JSHint.
                    Check out the detailed walkthroughs on install, config, modules, etc.

                    T 1 Reply Last reply Aug 27, 2018, 9:57 PM Reply Quote 0
                    • T Offline
                      twosquirrels @ninjabreadman
                      last edited by twosquirrels Aug 27, 2018, 9:59 PM Aug 27, 2018, 9:57 PM

                      @ninjabreadman Page 1 contains an update where it mentions support for 2 columns:
                      https://forum.magicmirror.builders/topic/2559/mmm-mycalendar?page=1

                      alt text

                      N 1 Reply Last reply Aug 27, 2018, 10:10 PM Reply Quote 0
                      • 1
                      • 2
                      • 5
                      • 6
                      • 7
                      • 8
                      • 9
                      • 10
                      • 11
                      • 7 / 11
                      • 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