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 13.0k 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.
    • S Offline
      sonicgoose @MadsChaves
      last edited by

      @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 Reply Quote 0
      • S Offline
        sdetweil @sonicgoose
        last edited by

        @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 Reply Quote 0
        • S Offline
          sonicgoose @sdetweil
          last edited by

          @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 Reply Quote 0
          • S Offline
            sdetweil @sonicgoose
            last edited by

            @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 Reply Quote 0
            • S Offline
              sonicgoose @sdetweil
              last edited by

              @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