MMM-MyCalendar

Johans

@j.e.f.f
thanks, that seems to work.
second question, How do I add 2 or more calendars?

j.e.f.f

@Johans The calendars portion of the config is an array. You can specify multiple calendars like so:

calendars: [
  {
      url: "http://path.to.some/calendar.ics",
      color: "#ffb350"
  },
  {
      url: "http://path.to.another/calendar.ics",
      color: "#ff77d4"
  }
]

Each calendar can have its own colour setting so that you can tell what the source of the event is.

Johans

@j.e.f.f

Thank you.
All fine now.

kruemel

Hey @j-e-f-f , i got another issue ^^
I updated MagicMirror to the new version and your modules also.

It is just strange wide, no text but it streches the left moduls and wasting space

Thats how it looks now:

And how it should look (MyCalendar temporary disabled)

Regards Manuel :-)

j.e.f.f

@kruemel The module is configured to use the full width of the containing region (e.g.: top_left) up to a maximum of 500px. If you want it to be narrower, then you can add a rule in your custom.css file to control the width of the containers. For example, I have this in my custom.css file:

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

This limits top_right, top_left bottom_right and bottom_left to an explicit width of 300px. MMM-MyCalendar, MMM-MyCommute and any of my other modules will conform to this width.

kruemel

@j-e-f-f Okay thank you very much.
I will do it like this but i still want to understand why the “MyCalendar” streches so much with no text and your other module “MyCommute” doesnt?
Why you configured this differently?

j.e.f.f

@kruemel HTML is a funny thing. It can use space in all sorts of ways depending on the situation. In the case of the MMM-MyCalendar module, it is a modification of the default calendar, but generally it is much the same. Its layout is done with tables. MMM-MyCommute, on the other hand, is completely written from the ground up. It’s layout is made up of DIV and SPAN elements, fully styled and positioned with CSS. They are two different animals.

A Former User

Hello everyone, do you know how i can add my google calender to my mirror please ??

j.e.f.f

@PCPAYN3 It works the same way you would do it for the default calendar module.

Config details here:
https://github.com/jclarke0000/MMM-MyCalendar

which are more or less identical to configuring the default calendar:
https://github.com/MichMich/MagicMirror/tree/develop/modules/default/calendar

The only tricky part is getting the ics link for your google calendar. See here for instructions:
https://www.smsclientreminders.com/how_to_share_your_calendar_with_other_applications#google

I hope this helps!

Jeff

kruemel

@j-e-f-f thank you :-)