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 286.6k 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.
    • BKeyportB Offline
      BKeyport Module Developer @DDE12
      last edited by BKeyport

      @DDE12 refer back to https://forum.magicmirror.builders/topic/16976/mmm-calendarext3agenda/24?_=1668752794543

      The combo of my work and @MMRIZE 's work results in that. Right around there is where I got all of my settings for my install. Feel free to experiment.

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

      D 1 Reply Last reply Reply Quote 1
      • BKeyportB BKeyport referenced this topic on
      • 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
                        • 1
                        • 2
                        • 3
                        • 4
                        • 5
                        • 6
                        • 7
                        • 8
                        • 22
                        • 23
                        • 6 / 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