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.

    MMM-CalendarExt3

    Scheduled Pinned Locked Moved Utilities
    676 Posts 81 Posters 2.4m Views 85 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.
    • 1 Offline
      1lolo94 @sdetweil
      last edited by

      @sdetweil Thanks for the quick response - same issue :(

      All I see is the calendar at the bottom

      S 1 Reply Last reply Reply Quote 0
      • S Offline
        sdetweil @1lolo94
        last edited by

        @1lolo94 please change this

           position: "",
        

        to

         //    position: "",
        

        “” causes an error
        while no position setting is ok

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        1 1 Reply Last reply Reply Quote 0
        • 1 Offline
          1lolo94 @sdetweil
          last edited by

          @sdetweil YOU ARE AMAZING!

          a0114972-119e-4543-a869-d30d3ed70156-image.png

          Last two questions and I will leave you alone :)

          1. what settings do i need to change to get the calendar to fit the entire bottom of the screen? Is that possible?

          2. How can I add a background to this - but have the calendar, weather, etc in front of it? I have seen some others have nature, clouds, etc.

          Thanks again!

          S 1 3 Replies Last reply Reply Quote 0
          • S Offline
            sdetweil @1lolo94
            last edited by

            @1lolo94 background

            use one of the modules that displays what you like and use position fullscreen_below, 3d, below is furthest away from the viewer , above is closest to the viewer and default is between them

            calendar full width. I don’t know, mm sets margin, all the way around so content is NOT jammed against the edge…

            see css/main.css at the top, 60px as I recall

            you can override that in custom.css

            Sam

            How to add modules

            learning how to use browser developers window for css changes

            1 Reply Last reply Reply Quote 0
            • S Offline
              sdetweil @1lolo94
              last edited by

              @1lolo94 said in MMM-CalendarExt3:

              and I will leave you alone

              I am here every day. am moderator
              ask away.
              others smarter than me will jump in too

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              1 Reply Last reply Reply Quote 0
              • 1 Offline
                1lolo94 @1lolo94
                last edited by

                @sdetweil I was able to get the module - MMM-Wallpaper installed and working great - but depending on the picture, i cannot see the the calendar, events, days, etc. I’m assuming that is in the custom cc settings?

                S 1 Reply Last reply Reply Quote 0
                • S Offline
                  sdetweil @1lolo94
                  last edited by

                  @1lolo94 no cool thing there. some background images will conflict w the foreground…

                  I want dynamic opposite, but… no such thing

                  Sam

                  How to add modules

                  learning how to use browser developers window for css changes

                  1 Reply Last reply Reply Quote 0
                  • B Offline
                    bobbylx
                    last edited by

                    Hello all, just have a couple fine tuning questions for you. Both seem easy but I can’t seem to figure out why it’s not working. FWIW my MM has been running great for months now, finally doing some tweaking.

                    So I’ve got MMM-Calendarext3 setup to only show 1 calendar, it’s my family google account. The last 2 things I would like to accomplish are having the text for long events scroll with useMarquee: true and then also to have the eventTransformer search for a name in the event title and change the color according to that.

                    For some reason, I can’t get either of these to work. Config.js below. If I understand correctly, I shouldn’t need to add anything to custom.css correct? With the config file below, my calendar does not load at all, just get blank screen stating please create a config file, if I hash out the transformer stuff then it loads but never scrolls (marquee). Any advice from ya’ll smart folks?

                    {
                                                   module: "MMM-CalendarExt3",
                                                   position: "bottom_bar",
                                                   title: "",
                                                   config: {
                                                     mode: "",
                                                     weekIndex: 0,
                                                     weeksInView: 5,
                                                     instanceId: "basicCalendar",
                                                     locale: 'en-EN',
                                                     maxEventLines: 5,
                                                     fontSize: '26px',
                                                     firstDayOfWeek: 0,
                                                     refreshInterval: 120000,
                                                     animationSpeed: 0,
                                                     useMarquee: true,
                                                     useSymbol: false,
                                                     useWeather: true,
                                                     displayWeatherTemp: true,
                                                     calendarSet: ['us_holiday','family'],
                                                   weatherPayload: (payload) => {
                             if (Array.isArray(payload?.forecastArray)) {
                               payload.forecastArray = payload.forecastArray.map((f) => {
                                 f.maxTemperature = Math.round(f.maxTemperature * 9 / 5 + 32)
                                 f.minTemperature = Math.round(f.minTemperature * 9 / 5 + 32)
                                 return f
                               })
                             }
                             return payload
                           }
                                           eventTransformer: (ev) => {
                                            if (ev.title.search('Allie') > -1) ev.color = 'blue'
                                            return ev
                                           }
                                           }
                                           },
                           
                    
                    
                    H M 2 Replies Last reply Reply Quote 0
                    • H Offline
                      hrmax @bobbylx
                      last edited by

                      @bobbylx It could be because you aren’t settings the mode to week or month? It seems that the default is week but that would require that you omit the tag altogether rather than explicitly setting it to an empty string.

                      B 1 Reply Last reply Reply Quote 0
                      • M Offline
                        MMRIZE @bobbylx
                        last edited by

                        @bobbylx said in MMM-CalendarExt3:

                             }
                             return payload
                           } // <== HERE
                                           eventTransformer: (ev) => {
                                            if (ev.title.search('Allie') > -1) ev.color = 'blue'
                                            return ev
                                           }
                        

                        You’ve missed comma(,) in the end of weatherPayload definition.

                        1 Reply Last reply Reply Quote 0
                        • 1
                        • 2
                        • 44
                        • 45
                        • 46
                        • 47
                        • 48
                        • 67
                        • 68
                        • 46 / 68
                        • 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