MMM-MyCalendar

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

[twosquirrels]

@ninjabreadman

Ahh, I see. Silly question - how do I pull from that branch instead of from the master? I googled the differences but it’s not making sense to me.

AHH! I figured it out:

pi@magicmirror:~/MagicMirror/modules $ git clone -b using_nunjucks https://github.com/jclarke0000/MMM-MyCalendar.git
Cloning into 'MMM-MyCalendar'...
remote: Counting objects: 84, done.
remote: Total 84 (delta 0), reused 0 (delta 0), pack-reused 84
Unpacking objects: 100% (84/84), done.

@ninjabreadman thank you for pointing this out!

[smreid]

Hi

Just wondering if there is anyway I can use custom symbols for calendar entries in place of the ‘day of the month’ logos? Similar to the default calendar module?

Thanks
Stephen

[cola0927]

Hi, it’s really a nice module, but got a small issue here. I’m wondering how to make the event contents left-aligned. I tried to modify some parameters in MMM-MyCalendar.css, but didn’t work.
Thanks!

[justjim1220]

@cola0927

change the text-align under title in the css

.MMM-MyCalendar .title {
  color: #ff0;
  font-size: 55px;
  line-height: 115%;
  font-weight: 600;
  text-align: left;
  padding-left: 0;
  margin-bottom: 2px;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 15px;
  overflow: hidden;
  display: block;
  margin-top: 4px;
}