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 130.8k 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.
    • 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
                        • 1
                        • 2
                        • 3
                        • 4
                        • 5
                        • 6
                        • 7
                        • 8
                        • 9
                        • 10
                        • 11
                        • 6 / 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