MMM-MyCalendar

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

[A Former User]

@j.e.f.f Thank you I will look into this.

[A Former User]

@j.e.f.f I have tried to set this up and all I’m getting on the screen is the time & date at the top and then calendar loading ??

[j.e.f.f]

@PCPAYN3 are you trying to set up up your google calendar? Do you have the .ics link for it?

[A Former User]

@j.e.f.f hi yes i am, and have the ics link.

[j.e.f.f]

@PCPAYN3 can your post your config? Hide your ics link, but post the rest.

[A Former User]

This post is deleted!

[j.e.f.f]

@PCPAYN3 Two things:

1. Your config is trying to configure the default calendar module, not MMM-MyCalendar. The config for MMM-MyCalendar looks something like this:

    {
      module: "MMM-MyCalendar",
      position: "top_left",
      classes: "default everyone",
      header: "Upcoming",
      disabled: false,
      config: {
        colored: true,
        maximumNumberOfDays: 30,
        maximumEntries: 5,
        fade: false,
        maxTitleLength: 500,
        useRelativeDates: false,
        dayOfWeekFormat: "dddd",
        timeFormat: "h:mm A",
        dateFormat: "MMMM D",
        joiningWord: "at",
        urgency: 1,
        calendars: [
          {
            url: "https://calendar.google.com/path/to/your/basic.ics",
            color: "#ffb350"
          },
          {
            url: "https://calendar.google.com/path/to/another/basic.ics",
            color: "#ff77d4"
          }
        ]
      }
    },    

2. You should delete your post above. It contains your private ICS link – this is what I meant for you to hide when I mentioned it above – as well as you app id for the weather module. That’s all information you should keep secret, and edit out before you post your config in the forum.

[A Former User]

@j.e.f.f Hi jeff I have replaced the code as you said in the config file and still nothing :/ its showing the clock but nothing else on the page. Not even the loading anymore. Any ideas? & I think ive deleted my other post, it shows as greyed out now.

[j.e.f.f]

@PCPAYN3 Can you confirm you installed the module by following these steps:

1. Navigate to the MagicMirror/modules directory
2. Execute git clone https://github.com/jclarke0000/MMM-MyCalendar.git
3. Add the relevant configuration to config.js
4. Restart Magic Mirror

And yes, your post shows as deleted.

[A Former User]

@j.e.f.f Thanks @j-e-f-f no I didn’t do that, I have done it now. And trying it out. Sorry im new to this, and really appreciate your help.

[A Former User]

@j.e.f.f After reboot it is now showing the second calendar i entered for UK holidays but not the top one which was my google calendar :( any ideas?

[A Former User]

@j.e.f.f Sorry to keep bothering you, i have everything on the screen now apart from the google calender. Can i embed in as an iframe on the html page? As i am familiar with html.

[j.e.f.f]

@PCPAYN3 google calendar should work – I’m using two separate google calendars with mine.

You can confirm that you got your ics link by following these instructions?

(full instructions here: https://www.smsclientreminders.com/how_to_share_your_calendar_with_other_applications#google)

[A Former User]

@j.e.f.f Hi jeff yes thats what ive done and got that link and still not showing. Do i edit the module to show this link? Or in the config file? As i tried to also edit the .js file in the MMM-Calendar module but it said permission denied when saving.

[A Former User]

As I know, private calendar sharing works only in Google Calendar. If you want to use calendar in other application, you should use public calendar. (I might be wrong.)