How do I run it in debug mode? I don’t see that on github page.

@sdetweil said in Display monthly calendar and entries:

@cheapdad populate from a website… yes, google is a website.

the url needs to download an ICS file, which is what the calendar module reads to get the events

as for calendar-monthly

https://github.com/KirAsh4/calendar_monthly

that one appears JUST to draw the rectangular calendar box. no actual entries

That’s interesting because I thought I had it working in a long lost iteration of my config.js. All I’m looking for is the current month’s calendar, not any entries, i.e., the 4th is a thursday, etc. Any suggestion on how to accomplish that?

@cheapdad said in Display monthly calendar and entries:

        {
          symbol: "calendar-check",
          url: "webcal://www.calendarlabs.com/ical-calendar/ics/76/US_Holidays.ics"
        }

By way of update, I’ve continued to work on this and think I’ve figured out that if I change the above URL to the one I want to populate from a website, it solves my problem. I still need to figure out how to add the second Iphone calendar and the monthly.

In my MM, I’d like to display a current monthly calendar and then the entries below. I added the “calendar monthly” module but it does not display. Here’s my code"

{
        module: "calendar",
        header: "US Holidays",
        position: "top_left",
        config: {
          maximumEntries: 6,
          maximumNumberOfDays: 90,
          limitDays: 0,
          displaySymbol: true,
          defaultSymbol: "calendar",
          maxTitleLength: 25,
          maxLocationTitleLength: 25,
          maxTitleLines: 3,
          maxEventTitleLines: 3,
          fetchInterval: 300000,
          animationSpeed: 2000,
          fade: true,
          urgency: 7,
          timeFormat: "relative",
          dateFormat: "MMM Do",
          dateEndFormat: "LT",
          fullDayEventDateFormat: "MMM Do",
          getRelative: 6,
          fadePoint: 0.25,
          tableClass: "small",
          calendars: [
            {
              symbol: "calendar-check",
              url: "webcal://www.calendarlabs.com/ical-calendar/ics/76/US_Holidays.ics"
            }
          ],
          titleReplace: {
            "De verjaardag van ": "",
            "'s birthday": ""
          },
          locationTitleReplace: {
            "street ": ""
          },
          symbol: 'birthday-cake',
          url: 'http://localhost:8080/MMM-iCloud-Client/birthdays',
          broadcastEvents: true,
          showLocation: false,
          displayRepeatingCountTitle: false,
          wrapEvents: false,
          wrapLocationEvents: false,
          showEnd: false,
          hidePrivate: false,
          hideOngoing: false,
          hideTime: false,
          colored: false,
          coloredSymbolOnly: false,
          sliceMultiDayEvents: false,
          broadcastPastEvents: false,
          nextDaysRelative: false,
          selfSignedCert: false,
          customEvents: [],
          excludedEvents: []
        },
        order: "3"
      },
      {
        module: "calendar-monthly",
        order: "2",
        position: "top_left",
        config: {
          initialLoadDelay: 0,
          fadeSpeed: 2,
          showHeader: true,
          cssStyle: "block",
          tableClass: "small",
          updateDelay: 5,
          debugging: false
        },
        disabled: false
      },

#2, I added this code, but can’t remember what it’s for and it’s not in my language:

          titleReplace: {
            "De verjaardag van ": "",
            "'s birthday": ""
          },
          locationTitleReplace: {
            "street ": ""
          },

Can anyone give some insight into what it is/does?

Lastly, I’ve reviewed several of threads on adding calendars and, frankly, I’m confused. In the “events” portion of the default calendar, I’d like to display the contents of an Iphone (ical?) calendar and a calendar that would populate from a website. Both would obviously need a username/password to access. Could someone please provide me an example of config lines to do so?

CheapDad

Hi all! After taking a coding break to physically assemble my mirror, I’m doing the final coding to wrap this project up. For context, it is for my college-aged child who is NOT a CS major.

I think MM-Remote Control is very useful, but all it displays is a hyperlink to the mirror. I’d like to use MM-QR Code to display that hyperlink in QR form.

I’ve found that I can add a source for the QR code:

{
      module: "MMM-QRCode",
      position: "middle",
      config: {
           text: "http://cnn.com"
      }
}

Rather than display static text, how can I get it to display the output of MM-Remote Control?

CheapDad

I’d like the newsfeed to appear in the lower right corner of my MM. I have it set to bottom_right, but that simply left justifies it. I also have word wrap enabled.

In short, I’d like it appear in a box similar to weather or the calendar, with both the article title and description wrapping as needed. I realize that I likely have to reduce the font to accomplish that as well.

Can anyone give me a head start?

CheapDad

:grinning_face_with_sweat:

@sdetweil You’re right, better reading comprehension needed. I made the edits but the text is still simply right justified:

		{
			module: "newsfeed",
			position: "bottom_right",
			config: {
				feeds: [
					{
						title: "CNN News Headlines",
						url: "http://rss.cnn.com/rss/cnn_topstories.rss",
					}
				],
				wrapTitle: true,
				wrapDescription: true,
				showSourceTitle: true,
				showPublishDate: true,
				broadcastNewsFeeds: true,
				broadcastNewsUpdates: true
			}

I’m trying to clear out the center of my MM, so I’d like to move the newsfeed to either the left or right. Unfortunately, when I change it to “bottom_right” all that really does is right-justify the text. I’d like the newsfeed to word wrap, so it appears like calendar or weather does. Is that possible in custom css?

@sdetweil Thank you!