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