@frits-erasmus

I am trying to use different colors for the different calendars.
Below is my code, but the colors of the calendar stay white.

                {
                        module: "calendar",
                        header: "Daphne school program",
                        position: "bottom_left",
                        config: {
                                calendars: [
                                        {
                                                fetchInterval: 7 * 24 * 60 * 60 * 1000,
                                                symbol: "calendar ",
                                                colored: "#FFFF00",
                                                url: "https://teneo.instructure.com/feeds/calendars/user_tNYDgSujrTDUwf6RAUvdhGEk8O1TIQlmcp0imRhA.ics"
                                        },
                                       {
                                                fetchInterval: 7 * 24 * 60 * 60 * 1000,
                                                symbol: "calendar-o",
                                                colored: "#FF0000",
                                                url: "https://calendar.google.com/calendar/ical/daphne.erasmus.sa%40gmail.com/public/basic.ics"
                                        }
                                ]
                        }
                },


Any help or suggestion please?

@sdetweil
Thank you very much SAM - I really appreciate your help.

My understanding was that I needed to use one of the options:
the options timeFormat:“absolute”, urgency:0, getRelative:0,

Now, with hindsight, it makes sense that I should have all.

Thank you - you have taught me a lot. - now for me to tackle the next one.

My calendar:

I am going to try and fade the events that are in the past …Is that even possible? …Have to search

@sdetweil

My Code

                {
                        module: "calendar",
                        header: "Daphne school program",
                        position: "top_left",
                        config: {

                                timeFormat: "absolute",
                                dateFormat: "DD MMMM HH:mm",
                                colored: true,
                                timeFormat: "absolute",
                                maximumEntries: 15,
                                maximumNumberOfDays: 5,
                                maxTitleLength: 65,
                                fade: false,
                                wrapEvents: true,
                                pastDaysCount: 1,
                                fetchInterval: 5 * 60 * 1000,

                                calendars: [
                                        {
                                                symbol: "calendar   ",
                                                color: "#37CBFF",
                                                url: "https://teneo.instructure.com/feeds/calendars/user_.ics"
                                        },
                                       {
                                                symbol: "fa-solid fa-pen-clip",
                                                color: "#F22E66",
                                                url: "https://calendar.google.com/calendar/ical//basic.ics"
                                        }
                                ]
                        }
                },

Yes - I deleted a few characters from the URLs

MMM display

I double-checked everything and cannot find the error

@sdetweil

Okay, I also changed format to timeFormat

@sdetweil

Thank you Sam for that but I still do not get it to do what I want.
I might be too thick.

To make sure I understand you correct?
White = upper part
Yellow = lower part

I have now tried the : format: “absolute” setting in the second part and as I understand in the manual set the date and time to show 15 May 14:25 .

Just to make sure I also commented out the two format and dateFormat lines in the upper part

What am I doing wrong then?

@sdetweil Hi Sam,
I must be doing something wrong and I cannot figure out how to resolve this.
Below my code and screenshot of results

 {
                        module: "calendar",
                        header: "Daphne school program",
                        position: "top_left",
                        config: {

                                maximumEntries: 15,
                                maximumNumberOfDays: 5,
                                maxTitleLength: 65,
                                fade: false,
                                colored: true,
                                wrapEvents: true,
                                format: "absolute",
                                dateFormat: "Do MMMM hh:mm",

                                calendars: [
                                        {
                                                fetchInterval: 7 * 24 * 60 * 60 * 1000,
                                                symbol: "calendar   ",
                                                color: "#B4B4B4",
                                                url: 

Could you please kindly help with some pointers?

Also I am studying the following to do the right thing, but it appears you quoted from another source - Do you mind providing that for me:

MagicMirror² Documentation

and

String + Format

Thank you in advance
Frits

I would like to show the date and time of an event in the format
DD MM YYYY hh:mm

I have tried the options in
link text
I just cannot get it right.

Any help will be appreciated

Frits

@sdetweil
Thanks for the help
I will do next time sorry!!

@frits-erasmus

I am trying to use different colors for the different calendars.
Below is my code, but the colors of the calendar stay white.

                {
                        module: "calendar",
                        header: "Daphne school program",
                        position: "bottom_left",
                        config: {
                                calendars: [
                                        {
                                                fetchInterval: 7 * 24 * 60 * 60 * 1000,
                                                symbol: "calendar ",
                                                colored: "#FFFF00",
                                                url: "https://teneo.instructure.com/feeds/calendars/user_tNYDgSujrTDUwf6RAUvdhGEk8O1TIQlmcp0imRhA.ics"
                                        },
                                       {
                                                fetchInterval: 7 * 24 * 60 * 60 * 1000,
                                                symbol: "calendar-o",
                                                colored: "#FF0000",
                                                url: "https://calendar.google.com/calendar/ical/daphne.erasmus.sa%40gmail.com/public/basic.ics"
                                        }
                                ]
                        }
                },


Any help or suggestion please?

@sdetweil

Thanks, Sam

I got it to work!!

@butchkemper ,

Your display is very similar to my needs.
My one child is doing home school and we struggle to ensure she actually sits the classes.

Allow me a stupid question, please.
Her diary feed is coming from two sources, easily joined in Google Calendar (the normal calendar pre MM)

How do I combine the two calendars in MM plus one more?

Would you mind giving me some guidance, please?

Regards

Frits