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.

    Calendar not displaying what I want

    Scheduled Pinned Locked Moved Troubleshooting
    4 Posts 2 Posters 1.1k Views 2 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.
    • I Offline
      icmike52
      last edited by sdetweil

      I have been searching and I’m getting more confused.
      My Google calendar (My Calendar) contains a few calendars. Holidays in United States show up under Other calendars. I mistakenly assumed by using the Secret address for MyName Calendar settings in iCal format would show me everything. It does not. MM only shows birthdays. Nothing else. I’ve tried several different ways but no matter what I change, only birthdays show. My config.js runs, just doesn’t show both.

      {
      	module: "calendar",
      	header: "My Calendar",
      	position: "top_left",
      	config: {
      	calendars: [
      			{
      	symbol: "birthday-cake",
      	url: "https://calendar.google.com/calendar/ical/xxxxx%40gmail.com/private-xxxxx/basic.ics",
      	user: 'xxxxx@gmail.com',
      	password: 'xxxxx',
      	method: 'basic'
      			},
      			{
      	symbol: "calendar-check-o ",
      	url: "https://calendar.google.com/calendar/embed?src=en.usa%23holiday%40group.v.calendar.google.com&ctz=America%2FNew_York"
      			}
      		   ]
      		}
      },
      

      Raspberry Pi 3
      MagicMirror 2.12.0

      Always learning

      S 1 Reply Last reply Reply Quote 0
      • S Offline
        sdetweil @icmike52
        last edited by sdetweil

        @icmike52 the url for a calendar must download an ics file. I suspect the second does not. put the url in a browser on the pi. it is not logged in as you.

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        1 Reply Last reply Reply Quote 0
        • I Offline
          icmike52
          last edited by sdetweil

          For anyone having trouble with MM calendar not displaying their Google calendar correctly, please read on…

          The default calendar module in MM works very well. The developers deserve a lot of credit.
          You first have to understand how Google calendar works.

          1. My Google Calendar: I assumed that if it was in My main Google Calendar, it would show in my MM calendar.
            This is not true. Google just conveniently merges all of your calendars into one.
            For instance, In my Google Calendar settings, I added a “Holidays in the United States” additional calendar.
            In settings, it has public url but no iCal format so it will never show in MM.
            To get Holidays in the U.S. to display, I had to go outside Google calendar. See below in my config.
            If you’ve subscribed to an addional calendar, like a sport team calendar from Stanza, in Settings look for
            its Secret address in iCal format. If your calendar does not show this option, (only has a url) it won’t show
            in MM. It must start with an http and end with .ics.

          2. Birthdays: In your Google calendar, there is a checkbox to display birthdays.
            This works great as long as the person is in your Google contacts and you have set their
            birthdate INSIDE the contact details. If you just added a persons birthday to your
            calendar as a recurring event like I did, the checkbox to display Birthdays is meaningless.

          Also in case you did not know, there are tons of calendar symbols at https://fontawesome.com/icons?from=io
          that work natively in the calendar module.
          Here is my config that works. (But hiding my credentials, of course)

          {
          	module: "calendar",
          	header: "My Calendar",
          	position: "top_left",
          	config: {
          	calendars: [
          			{
          	symbol: "birthday-cake",
                  maximumNumberOfDays: 60,
          	url: "https://calendar.google.com/calendar/ical/xxxxxx%40gmail.com/private-xxxxxxxx/basic.ics",
          	user: 'xxxxxxxx@gmail.com',
          	password: 'xxxxxxxxxxx',
          	method: 'basic'
          			},
          			{							
                  symbol: "hockey-puck",
                  url: "https://calendar.google.com/calendar/ical/xxxxxxxstanza calendar/private-xxxxxxxxxxxxxxx/basic.ics",
          			},
          		        {							
                  symbol: "football-ball",
                  url: "https://calendar.google.com/calendar/ical/xxxxxxstanza calendar/private-xxxxxxxx/basic.ics",
          			},
                                  {
          	symbol: "glass-cheers",
                  url: "https://www.officeholidays.com/ics-fed/usa"
          			},
          		   ]
          		}
          }, 
          

          Please feel free to add anything about Google calendar integration that I missed.

          Raspberry Pi 3
          MagicMirror 2.12.0

          Always learning

          S 1 Reply Last reply Reply Quote 0
          • S Offline
            sdetweil @icmike52
            last edited by

            @icmike52 the calendar module processes ics files. nothing else.

            as you’ve noted, what shows on your Google calendar display may have nothing to do with what data u can get from your combined ‘calendar’ sources.

            the other note is that your browser on your PC gets your user credentials, and logs on as you. the pi does not, so each data source has to be public or specially private for the mm code to access it, or u have to provide credentials for many sources.

            Sam

            How to add modules

            learning how to use browser developers window for css changes

            1 Reply Last reply Reply Quote 0
            • 1 / 1
            • 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