My first MagicMirror

[MadsChaves]

Tinker with the Calendar to get previous, current and Next month…

[bdream]

@MadsChaves good job!

[sdetweil]

@MadsChaves very nice!

[Mykle1]

@MadsChaves

Well done!

Have you viewed the International Space Station based on the module? Just curious. :thumbsup:

[Stoffbeuteluwe]

@MadsChaves looks good!

[MadsChaves]

@Mykle1 - not yet my first opportunity is this coming Monday at 6am-mish 😨

[buzzkc]

Nice looking mirror!

[Mykle1]

@MadsChaves said in My first MagicMirror:

@Mykle1 - not yet my first opportunity is this coming Monday at 6am-mish

Be sure to let me know about your experience. Will you be viewing with the naked eye, using binoculars, or telescope?

[MadsChaves]

@Mykle1 I saw the ISS south of us this morning. Naked eye was good enough 😀 since it reflects the sun, it’s very visible.

[Mykle1]

@MadsChaves said in My first MagicMirror:

@Mykle1 I saw the ISS south of us this morning. Naked eye was good enough since it reflects the sun, it’s very visible.

And that was using the information from the module?

[MadsChaves]

@Mykle1 Yes!

[Leobo]

Hi
Great job.
Wats ist your configuration on calendar_monthly module?
This look very nice.

[MadsChaves]

@Leobo I actually tweak the calendar_monthly module and created/renamed the module to show previous and next month calendars - a crude way of doing it but it served my purpose :)

[Leobo]

Thanks @MadsChaves. That’s working. :thumbs_up_light_skin_tone:

[sonicgoose]

@MadsChaves How did you tweek the calendar_monthly module? I’ve been racking my brain looking at the js and I’m too much of a newbie to even know where to start!

[sdetweil]

@sonicgoose generally u change the config.js entry, after viewing the README.md file for instructions

[sonicgoose]

@sdetweil As the actual README.md doesn’t list a configuration option to change in config.js, I was hoping for more specific direction on how to do this. The css has styles for previous and next month, but nowhere can I find where I would activate that option.

[sdetweil]

@sonicgoose css is done by editing the css/custom.css file to add your specific module requiremed css classes and styles

[sonicgoose]

@sdetweil After doing more reading, I found the modified .js file on GitHub. Replace original ~/MagicMirror/modules/calendar_monthly/calendar_monthly.js with this one (not mine) and edit ~/MagicMirror/config/config.js to load the module as follows:

{
     disabled: false,
     module: 'calendar_monthly',
     position: "top_left",
     config: {
            showHeader: true,
            // cssStyle: "",
            monthOffset: 0,
     }
},

That will show the current month. If you want the previous month, then add the module again before the current month and change monthOffset to -1. For the next month, add the module again after the current month and change monthOffset to 1.

If you want current month plus the next two months, then add the module three times with monthOffset set to 0, 1, and 2.