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 144.6k 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.
    • ? Offline
      A Former User @Buggy
      last edited by

      @Buggy
      I don’t know why creater leave this issue until now, but there is a hot-fix about that.
      https://github.com/jclarke0000/MMM-MyCalendar/issues/3

      B J 2 Replies Last reply Reply Quote 1
      • B Offline
        Buggy @Guest
        last edited by

        @Sean Thank you. I will apply this hot-fix.

        1 Reply Last reply Reply Quote 0
        • J Offline
          j.e.f.f Project Sponsor Module Developer @Guest
          last edited by

          @Sean I’m currently moving to the UK, so I haven’t had time to fix this. If the hot fix worked for you, then great! I probably won’t get around to addressing this until sometime in the new year.

          N 1 Reply Last reply Reply Quote 0
          • N Offline
            nitram @j.e.f.f
            last edited by

            @j.e.f.f Hi all, firstly thanks for this module - it’s fab. I’m having the exact same issue as above with today/tomorrow not working properly. I tried applying the hotfix, but it didn’t seem to work for me (though that was quite a way beyond my skill level so I could have done that wrong!). Has anyone else got this sorted?

            1 Reply Last reply Reply Quote 0
            • R Offline
              rrrene
              last edited by

              Hello,

              first of all thanks for the great looking module.
              Unfortunately I don‘t get it up on my side…

              It doesnt‘t show anything no matter if I load your example ics or my iCloud calendar Url (is this supposed to work?)

              Below you can see my module config, maybe someone can help me out :)

              {
              		module: "MMM-MyCalendar",
              		position: "top_left",
              		config: {
              			maximumEntries: 6,
              			calendars: [
              				{
              					url: "http://calendarlabs.com/templates/ical/US-Holidays.ics"
              			}
              			]
              		}
              	},
              

              Thanks in advance.

              Best regards,
              René

              H 1 Reply Last reply Reply Quote 0
              • H Offline
                Hotstepper @rrrene
                last edited by

                This post is deleted!
                1 Reply Last reply Reply Quote 0
                • H Offline
                  Hotstepper
                  last edited by

                  @rrrene said in MMM-MyCalendar:

                  Hello,

                  first of all thanks for the great looking module.
                  Unfortunately I don‘t get it up on my side…

                  It doesnt‘t show anything no matter if I load your example ics or my iCloud calendar Url (is this supposed to work?)

                  Hi,

                  I have had the same issue and have searched the error for a while…
                  My fault was, that the entry in the “MMM-Carousel”-Module in the slides-Section was missing.
                  So the Module wasn’t showing.

                  		module: 'MMM-Carousel',
                          		
                                  		slides: [
                                      				['MMM-MyCalendar',.....],
                                  			],
                  

                  Best regards

                  Lutz

                  1 Reply Last reply Reply Quote 0
                  • F Offline
                    fabbr
                    last edited by

                    alt text

                    I can’t find out why the left panel is stretched so much. when I turn this module off it goes back to normal. Any ideas?

                    Here’s my code:

                    		{
                    		module: "MMM-MyCalendar",
                    		position: "top_left",	// This can be any of the regions. Best results in left or right regions.
                    		config: {
                    				colored: true,
                    				maxTitleLength: 10,
                    				maximumEntries: 5,
                    				fade: true,
                    				calendars: [
                    					{
                    						url: 'webcal://mycalendar',
                    						symbol: 'calendar',
                    						color: "#6666ff"
                    					},
                    					{
                    						url: "webcal://www.calendarlabs.com/templates/ical/US-Holidays.ics",
                    						color: "#ffffcc"
                    
                    					},
                    							],
                    				}
                    		},
                    
                    N 1 Reply Last reply Reply Quote 0
                    • N Offline
                      ninjabreadman @fabbr
                      last edited by

                      @fabbr There is nothing (iirc) that really constrains the MM regions … they expand to fit their content. Moreover, I think some modules aren’t written with a landscape orientation in mind. I suggest you try the following in your custom.css:

                      .module.MMM-MyCalendar {
                      min-width: 200px; /* adjust number as necessary */
                      }
                      

                      Alternatively, you can try instead using:

                      .region.top.left {
                      max-width: 30%;
                      }
                      

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

                      F 1 Reply Last reply Reply Quote 0
                      • F Offline
                        fabbr @ninjabreadman
                        last edited by

                        @ninjabreadman Thank, that didn’t work however, I found the file MMM-MyCalendar.css and there I changed this and got my problem solved, thank you !!!

                        .MMM-MyCalendar {
                          max-width: 250px;  //original was 500
                        }
                        
                        
                        J 1 Reply Last reply Reply Quote 0
                        • J Offline
                          j.e.f.f Project Sponsor Module Developer @fabbr
                          last edited by

                          @fabbr you’re better off putting this change in custom.css. If you update the module down the road, the change you made will be overwritten.

                          A better solution here is to revert your change and set a width for the container, like as follows:

                          region.left,
                          region.left .module-content {
                            width: 250px;
                            max-width: 250px;
                            min-width: 250px;
                          }
                          

                          This will size the entire left column to 250px, including anything you put in top_left, bottom_left, etc. If you want to limit it to just top_left replace region.left with region.top.left.

                          F 1 Reply Last reply Reply Quote 2
                          • F Offline
                            fabbr @j.e.f.f
                            last edited by

                            @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 Reply Quote 0
                            • J Offline
                              j.e.f.f Project Sponsor Module Developer @fabbr
                              last edited by

                              @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 Reply Quote 0
                              • F Offline
                                fabbr @j.e.f.f
                                last edited by

                                @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 Reply Quote 0
                                • N Offline
                                  ninjabreadman @fabbr
                                  last edited by

                                  @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

                                    @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

                                      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

                                        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 Reply Quote 0
                                        • twosquirrelsT Offline
                                          twosquirrels
                                          last edited by

                                          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 Reply Quote 0
                                          • N Offline
                                            ninjabreadman @twosquirrels
                                            last edited by

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

                                            twosquirrelsT 1 Reply Last reply Reply Quote 0

                                            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
                                            • 5
                                            • 6
                                            • 4 / 6
                                            • 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