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 @Ottosophie
      last edited by

      @Ottosophie did u set a specific list of cals to read from in the cx3 config?
      did u add a name field to the cal entry in the base calendar module,?

      I’m guessing
      I just installed cx3 multiple times without any issue.

      Sam

      How to add modules

      learning how to use browser developers window for css changes

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

        @sdetweil Thank you for your answer, I only restarted my raspberry several times and all my events came back, weird.

        O 1 Reply Last reply Reply Quote 1
        • O Offline
          Ottosophie @Ottosophie
          last edited by

          I have another question, is it possible for an event to be written on 2 lines so that we can see the end instead of the 3 small dots? Thanks

          1 Reply Last reply Reply Quote 0
          • O Offline
            onryanti
            last edited by

            Is it possible to set this as a rolling calendar forward where only the current week is shown in the top. Dont need the historical days to be shown?

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

              @onryanti set weeks in view=1

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              O O 2 Replies Last reply Reply Quote 0
              • M Offline
                MMRIZE @onryanti
                last edited by

                @onryanti

                // In the config of the module;
                config: {
                  weekIndex: 0, // From which week the view starts; -1 : last week, 0: this week 2: 2 weeks later, ...
                  weeksInView: 3, // How many weeks will be shown from `weekIndex`
                ...
                }
                
                
                1 Reply Last reply Reply Quote 0
                • O Offline
                  onryanti @sdetweil
                  last edited by

                  @sdetweil I managed to solve it to show the calendar how I wanted to. Thanks

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

                    @sdetweil
                    I’m already with weeksInView: 1, my screen is in portrait mode, so the boxes are not very wide. I would have liked an automatic lineup. I tried to decrease the font size, but it doesn’t show anything anymore. If anyone has a solution, thanks in advance.

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

                      @Ottosophie

                      // In the config of the module;
                      config: {
                        fontSize: '12px', // default would be 18px. 
                        eventHeight: '16px', // the height of the event block. default would be 22px. usually 4px greater than `fontSize` would be pretty to look.
                        maxEventLines: 5, // How many events will be displayed in a day cell. The overflowed events will be hidden.
                      ...
                      }
                      

                      I don’t recommend wrapup long text to the multi-lines in the cell instead of one-line clipped. Because it could make misalignments, it might look more complex to glance at the events and unpretty.

                      What I suggest are;

                      • Use with default calendar view or MMM-CalendarExt3Agenda to look for more detailed information for upcoming events. Do you really want the exact title of the events which will come 3 weeks later?
                      • To distinguish events more clearly, instead of a long title, you can transform it into a shorter obvious form with the acronym, emoji, color…
                        For example, you can shorten all OOO's birthday to 🎂 OOO. It would be a more intuitive form than lengthy text.
                      
                      eventTransformer: (ev) => {
                        if (ev.title.search('birthday') > -1)  ev.title = '🎂' + ev.title.replace("'s birthday", ' ')
                        return ev
                      }
                      
                      BKeyportB 1 Reply Last reply Reply Quote 0
                      • BKeyportB Offline
                        BKeyport Module Developer @MMRIZE
                        last edited by

                        @Ottosophie to echo @MMRIZE here - I would also recommend CX3Agenda as well, over in it’s thread, https://forum.magicmirror.builders/topic/16976/mmm-calendarext3agenda/ MMRize and I have hashed out how to do all sorts of pretty things with it, including wrapping long events, etc. You actually may find that in CX3A’s current state, it would replace CX3 completely.

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

                        O 1 Reply Last reply Reply Quote 0
                        • O Offline
                          Ottosophie @BKeyport
                          last edited by

                          @BKeyport thanks, I’m going to try it.

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

                            Can anyone help me with theese issues. This is probably easy coding, but for a newbie as me, I need som help.

                            I want the first letter in the weekdays to be capital. How to do that?
                            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.

                            S M 3 Replies Last reply Reply Quote 0
                            • 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

                                            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
                                            • 5
                                            • 6
                                            • 7
                                            • 8
                                            • 9
                                            • 34
                                            • 35
                                            • 7 / 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