• 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.2k 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 Dec 4, 2017, 9:39 AM

    @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 Dec 6, 2017, 9:36 PM

      @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 Jan 30, 2018, 7:56 PM Reply Quote 0
      • N Offline
        nitram @j.e.f.f
        last edited by Jan 30, 2018, 7:56 PM

        @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 Feb 8, 2018, 9:22 PM

          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 Feb 11, 2018, 4:03 PM Reply Quote 0
          • H Offline
            Hotstepper @rrrene
            last edited by Feb 11, 2018, 4:03 PM

            This post is deleted!
            1 Reply Last reply Reply Quote 0
            • H Offline
              Hotstepper
              last edited by Feb 11, 2018, 4:58 PM

              @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 Mar 9, 2018, 10:54 PM

                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 Mar 10, 2018, 12:50 AM Reply Quote 0
                • N Offline
                  ninjabreadman @fabbr
                  last edited by Mar 10, 2018, 12:50 AM

                  @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 Mar 10, 2018, 12:58 AM Reply Quote 0
                  • F Offline
                    fabbr @ninjabreadman
                    last edited by Mar 10, 2018, 12:58 AM

                    @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 Mar 10, 2018, 9:30 AM Reply Quote 0
                    • J Offline
                      j.e.f.f Project Sponsor Module Developer @fabbr
                      last edited by Mar 10, 2018, 9:30 AM

                      @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 Mar 10, 2018, 9:32 PM 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