MMM-MyCalendar

[nitram]

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

[rrrene]

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é

[Hotstepper]

This post is deleted!

[Hotstepper]

@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

[fabbr]

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"

					},
							],
				}
		},

[ninjabreadman]

@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%;
}

[fabbr]

@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.e.f.f]

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

[fabbr]

@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.e.f.f]

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

[fabbr]

@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;
		}
 }

 

[ninjabreadman]

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

[fabbr]

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

[Mike7400]

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

[himanshulotia]

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?

[twosquirrels]

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: [
.....

[ninjabreadman]

@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

[twosquirrels]

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

[ninjabreadman]

@himanshulotia Yes.

First, you can set colored: true in the config, then add color: "#d9b4b2” and color: "#a0cfe2" per the docs.

Second, have a look at the FontAwesome 4 docs. You could likely insert them into your headings. For how to insert images, you could probably use CSS if you can find the right selectors.

[ninjabreadman]

@twosquirrels It looks like you need to use the using_nunjucks branch. The default branch is still (it seems to me, on my phone) 1.0 – it doesn’t contain an .njk template file.