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
    689 Posts 82 Posters 2.8m Views 86 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 Do not disturb
      sdetweil @Lilleberg
      last edited by

      @Lilleberg ext3 gets the symbol info from the base calendar module. so create a custom event if u can to identify those entries and specify a symbol.

      Sam

      How to add modules

      learning how to use browser developers window for css changes

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

        @Lilleberg

        I want the first letter in the weekdays to be capital. How to do that?

        By default, there is no transformation for the letter of weekday name. Your locale decides it. What are your language and locale?

        L 1 Reply Last reply Reply Quote 0
        • M Offline
          MMRIZE @Lilleberg
          last edited by

          @Lilleberg said in MMM-CalendarExt3:

          I want to display a symbol in front of a specific calendar events. I have one calendar for all the birthdays during a year, and I want for example a cake as a symbol in front of all the events from this specific calendar. All the other calendars should be without a symbol.

          You can assign a symbol to the specific calendar on the default calendar module’s configuration, not MMM-CalendarExt3’s.

          9d5a0d56-73e6-4e98-bf57-228ba077f8a9-image.png

          Or you can transform data of event itself by eventTransformer property, like this;
          bfe1d1e1-af8f-4c6d-bd11-8e305dca1173-image.png

          I recommend prior.

          L 1 Reply Last reply Reply Quote -1
          • F Offline
            fedale
            last edited by

            How do i add the week number in a own colum, not in first monday. As this is taking up space in colum for monday.
            Would like to have in it´s own colum. As i understand i will need to do something in custom.css but unsure how to resolve this.

            Any one have a solution for this?

            S 1 Reply Last reply Reply Quote 0
            • S Do not disturb
              sdetweil @fedale
              last edited by

              @fedale it only shows in the header of the 1st day of the week.

              you cannot use CSS to create another column,
              one would have to change the code

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              1 Reply Last reply Reply Quote 0
              • F Offline
                fedale
                last edited by

                Okay so it´s not in the css. Thought i had something todo with the weeks mark one. As this can change colour and other things if i don´t recall wrong.
                I saw it like this before https://imgur.com/mwwPwEl
                Thats why i though this was possible.

                I have it 1st day of the week now. And if displayed more than 3-4 items in the 1st day of the week. Then not all items will show. due to the week number takes up a slot there.
                As i am showing 3 weeks at time i have a amount of space at liberty.

                But i really like the week number ;)

                S M 2 Replies Last reply Reply Quote 0
                • S Do not disturb
                  sdetweil @fedale
                  last edited by

                  @fedale i only see the wn 42 in the header of the 1st day of the week cell, same as the examples in the doc

                  Sam

                  How to add modules

                  learning how to use browser developers window for css changes

                  1 Reply Last reply Reply Quote 0
                  • N Offline
                    nearmiss
                    last edited by

                    New to MMM-CalendarExt3 so perhaps just missing the obvious… how do I get event locations to show up? In Ext2 there was a hidden div that could be shown via CSS if I recal, but I don’t see that with Ext3?

                    Other question is, is it possible to wrap longer event title names? I see the default calendar module has options around this, but they don’t seem to impact what Ext3 is doing, which I suppose makes sense.

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

                      @fedale
                      For CX2, I thought it was not pretty to have the week number column separately, and it is a bit of waste to occupy the expensive real estate of the MM screen, so in CX3, I put the week number into the cell as small as possible.
                      img

                      Conclusively, a separated week number column is not possible in CX3 atm, And I think it would be undesirable, so I’ll not consider it.

                      1 Reply Last reply Reply Quote 0
                      • F Offline
                        fedale
                        last edited by

                        Ok thanks for the feedback.

                        I have another question
                        The new calendarExt3 and the i cant seem to get this transform fuction to work anymore. I had the transform in the config.js file and the custom.css with different words to get different color on each work, as we have family calendar.
                        Tried to change it to cx3 without any luck. (/* */ is only to stop the code here.)

                        Example
                        /*
                        transform: function(event) {
                        if (event.title.search(“Jobb”) > -1) {
                        event.icon = “ic:outline-work-outline”;
                        event.className = “Jobb”;
                        }

                        */

                        In the custom.css:
                        /*
                        }
                        .CX3 .Jobb.fullday {
                        background-color:rgba(0,128,128);
                        color:#000;
                        }
                        .CX3 .Jobb {
                        background-color:rgba(0,128,128);
                        color:#000;
                        }

                        */

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

                          @fedale
                          ‘eventTransformer’

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

                            Updated 1.2.5 (2022-11-04)

                            • Added Display legend of the calendar (displayLegend: true and when you set the calendar name on the calendar module)
                            • Fixed Some CSS fixture

                            139bed23-4cf8-4438-ba05-4930b345e2cd-image.png

                            L 1 Reply Last reply Reply Quote 0
                            • L Offline
                              Lilleberg @MMRIZE
                              last edited by

                              @MMRIZE I’m trying to update the module but it seems like the update doesn’t work. Maybe I’m doing it wrong? I have copied in the commands I’m using in the terminal. According to that it looks like the update is working fine. But when I start the MagicMirror there is still a notification at the top that the CalendarExt3 module is “2 commits behind the main grenen”.
                              Also I can’t display the legend when I insert this under the config in the CalendarExt3 module.

                              lilleberg@raspberrypi:~ $ cd ~/MagicMirror/modules/MMM-CalendarExt3
                              lilleberg@raspberrypi:~/MagicMirror/modules/MMM-CalendarExt3 $ git pull
                              Updating 04883bc..ecd6b7a
                              error: Your local changes to the following files would be overwritten by merge:
                              	MMM-CalendarExt3.css
                              	MMM-CalendarExt3.js
                              Please commit your changes or stash them before you merge.
                              Aborting
                              lilleberg@raspberrypi:~/MagicMirror/modules/MMM-CalendarExt3 $ npm install
                              
                              up to date, audited 1 package in 598ms
                              
                              found 0 vulnerabilities
                              
                              
                              S 1 Reply Last reply Reply Quote 0
                              • L Offline
                                Lilleberg @MMRIZE
                                last edited by

                                @MMRIZE My language and locale are Norwegian. Using nb in the config file.

                                1 Reply Last reply Reply Quote 0
                                • L Offline
                                  Lilleberg @MMRIZE
                                  last edited by

                                  @MMRIZE Thanks!

                                  1 Reply Last reply Reply Quote -1
                                  • S Do not disturb
                                    sdetweil @Lilleberg
                                    last edited by

                                    @Lilleberg said in MMM-CalendarExt3:

                                    error: Your local changes to the following files would be overwritten by merge:
                                    MMM-CalendarExt3.css
                                    MMM-CalendarExt3.js

                                    looks like u modified the module code, and updated cannot be applied til you fix that.

                                    generally you never edit the source files of a module.all config goes in config.js and all css updates go is custom.css

                                    Sam

                                    How to add modules

                                    learning how to use browser developers window for css changes

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

                                      Is there an option to hide the week numbers? I’ve managed to remove the ‘cw’ using custom.css (albeit a bit untidy)

                                      S 1 Reply Last reply Reply Quote 0
                                      • S Do not disturb
                                        sdetweil @bicolorbore586
                                        last edited by sdetweil

                                        @bicolorbore586 no config option, just set cw to display:none in custom.css

                                        Sam

                                        How to add modules

                                        learning how to use browser developers window for css changes

                                        1 Reply Last reply Reply Quote 2
                                        • A Offline
                                          almightyyoshi
                                          last edited by

                                          I finally found a touch module that I could easily use for the glance notification and have the payload step as 1. However, two things are happening:

                                          1: on the first press it’s going back to June. Second press goes to April. Third press goes to August. Fourth press goes to December (which would be correct, however, due to the other jumps it could just be random)

                                          2: no events are populating in the glance

                                          Here’s what I have for the button:

                                          {
                                                module: "MMM-TouchButton",
                                                position: "top_left",
                                                config: {
                                                    buttons: [
                                                         {
                                                          name: "Next",
                                                          icon: "fa fa-calendar-days",
                                                          notification: "CX3_GLANCE_CALENDAR",
                                                          payload: {instanceID: [], step: [1]},
                                                            },
                                                          ]
                                                        },
                                                     },
                                          
                                          

                                          And here’s my CX3 config:

                                          {
                                                      module: "MMM-CalendarExt3",
                                                      position: "middle_center",
                                                      config: {
                                                              mode: "month",
                                                              instanceID: "currentMonth",
                                                              firstDayOfWeek: 0,
                                                              useSymbol: true,
                                                              glanceTime: 60000,
                                                              calendarSet: [],
                                                      }
                                                  },
                                          
                                          

                                          Any thoughts?

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

                                            @almightyyoshi
                                            Not real tested, but I think your config should be like this;

                                            payload: {step: 1},
                                            

                                            And about no event populating, It would be related to your maximumEntries , maximumNumberOfDays and boradcastPastEvents options of default calendar module.

                                            A 1 Reply Last reply Reply Quote 0

                                            Hello! It looks like you're interested in this conversation, but you don't have an account yet.

                                            Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

                                            With your input, this post could be even better 💗

                                            Register Login
                                            • 1
                                            • 2
                                            • 6
                                            • 7
                                            • 8
                                            • 9
                                            • 10
                                            • 34
                                            • 35
                                            • 8 / 35
                                            • 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