• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
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.

My first MagicMirror

Scheduled Pinned Locked Moved Show your Mirror
19 Posts 8 Posters 12.2k Views 8 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.
  • M Offline
    MadsChaves @Mykle1
    last edited by Oct 27, 2019, 8:14 PM

    @Mykle1 Yes!

    Be nice! Peace!

    1 Reply Last reply Reply Quote 1
    • L Offline
      Leobo
      last edited by Oct 29, 2019, 9:59 PM

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

      M 1 Reply Last reply Nov 4, 2019, 3:30 AM Reply Quote 0
      • M Offline
        MadsChaves @Leobo
        last edited by Nov 4, 2019, 3:30 AM

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

        Be nice! Peace!

        S 1 Reply Last reply Dec 18, 2019, 4:29 PM Reply Quote 0
        • L Offline
          Leobo
          last edited by Nov 4, 2019, 7:36 AM

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

          1 Reply Last reply Reply Quote 0
          • S Offline
            sonicgoose @MadsChaves
            last edited by Dec 18, 2019, 4:29 PM

            @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!

            S 1 Reply Last reply Dec 18, 2019, 4:46 PM Reply Quote 0
            • S Away
              sdetweil @sonicgoose
              last edited by Dec 18, 2019, 4:46 PM

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

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              S 1 Reply Last reply Dec 18, 2019, 7:21 PM Reply Quote 0
              • S Offline
                sonicgoose @sdetweil
                last edited by Dec 18, 2019, 7:21 PM

                @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.

                S 1 Reply Last reply Dec 18, 2019, 7:29 PM Reply Quote 0
                • S Away
                  sdetweil @sonicgoose
                  last edited by Dec 18, 2019, 7:29 PM

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

                  Sam

                  How to add modules

                  learning how to use browser developers window for css changes

                  S 1 Reply Last reply Dec 20, 2019, 12:55 AM Reply Quote 0
                  • S Offline
                    sonicgoose @sdetweil
                    last edited by Dec 20, 2019, 12:55 AM

                    @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.

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