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-CalendarExt3Agenda

    Scheduled Pinned Locked Moved Utilities
    222 Posts 29 Posters 288.1k Views 31 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.
    • C Offline
      cyberphox
      last edited by

      Running MagicMirror in Docker on Synology.
      Installed this module and it looks great on my MacBook, but when I try to visit on my mirror with Raspberry Pi 3, the module doesn’t show (just default calendar module). Get a Syntax error, unexpected token.
      So weird.

      Full time Dad, DJ and entertainer and lover of technology.

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

        @cyberphox what version of MM are you running, and on pi, what version of OS and what browser?

        these modules, like many newer ones, are converting to javascript ES6 idioms that don’t work on older node versions (built into browsers as well)

        Sam

        How to add modules

        learning how to use browser developers window for css changes

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

          @sdetweil
          Chromium 72.0.3626.121
          Raspbian Stretch
          MagicMirror: v2.21.0

          Full time Dad, DJ and entertainer and lover of technology.

          S 2 Replies Last reply Reply Quote 0
          • S Offline
            sdetweil @cyberphox
            last edited by

            @cyberphox how about node -v

            stretch is really old… so probably a downlevel version of javascript…

            Sam

            How to add modules

            learning how to use browser developers window for css changes

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

              @sdetweil
              No doubt…not a huge issue as it was test install…Thanks for the help!

              Full time Dad, DJ and entertainer and lover of technology.

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

                @cyberphox said in MMM-CalendarExt3Agenda:

                72.0.3626.121

                chrome 72 is march 2019… so 3.5 years old

                Sam

                How to add modules

                learning how to use browser developers window for css changes

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

                  @sdetweil Looks like I can upgrade through terminal so might give it a go over the weekend

                  Full time Dad, DJ and entertainer and lover of technology.

                  1 Reply Last reply Reply Quote 0
                  • D Offline
                    DDE12 @BKeyport
                    last edited by

                    @BKeyport Thank you!
                    I’m using both startTime and endTime and can’t get it lined up right.

                    .CX3A .event .title {
                      color: var(--calendarColor);
                      order: 1;
                      width: 120px; /* Adjust for your region width. Here I am using fixed value to make things simple */
                      flex-grow: 1;
                    }
                    
                    .CX3A .event .time.startTime {
                      order: 2;
                      width: 52px;  
                      text-align: right;
                    }
                    
                    .CX3A .event .startTime::after {
                      content: ' -';
                    }
                    
                    .CX3A .event .time.endTime {
                      order: 2;
                      width: 65px;  
                      text-align: right;
                    }
                    
                    .CX3A .event .symbol {
                      order: 4;
                    }
                    
                    .CX3A .event .headline {
                      justify-content: space-between;
                    }
                    
                    .CX3A .event .description {
                      overflow: hidden;
                      white-space: nowrap;
                      text-overflow: ellipsis;
                      max-width: 100%;
                      font-size: 90%;
                      color: orange;
                      padding-left: 20px;
                    }
                    
                    BKeyportB D 2 Replies Last reply Reply Quote 0
                    • BKeyportB Offline
                      BKeyport Module Developer @DDE12
                      last edited by

                      @DDE12 I still don’t get them all lined up right - thanks to advertising in one of my schedules (Washington State Cougars @ Washington Huskies - presented by blah blah blah blah)

                      But I’ve tweaked it enough to get it right most of the time. Just keep tweaking it.

                      The "E" in "Javascript" stands for "Easy"

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

                        @BKeyport Thank you!

                        Event align.png

                        BKeyportB 1 Reply Last reply Reply Quote 0
                        • 1
                        • 2
                        • 3
                        • 4
                        • 5
                        • 22
                        • 23
                        • 3 / 23
                        • 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