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.7k 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.
    • D Offline
      DDE12
      last edited by

      How do I change the order of information events from
      ___________________________________________________________
      1:30 PM - 2:30 PM Event Name ________________________

      to

      ___________________________________________________________
      Event Name ________________________1:30 PM - 2:30 PM

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