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

    Scheduled Pinned Locked Moved Utilities
    486 Posts 83 Posters 939.0k Views 83 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 Offline
      SARCux @debaetstony
      last edited by SARCux

      @debaetstony

      hi,
      these are my lines in the config.js

      views: [
      			{
      				name: "VIEW1",
      				mode: "daily",
      				title: "Termine nächsten Tage",
      				position: "top_center",
      				locale: "de-DE",
      				calendars: ["eigene Kalender eintragen"],
      				slotCount: 3,
      				slotTitleFormat: {
      						sameDay: "[Heute]",
      						nextDay: "[Morgen]",
      						nextWeek: "[am] dddd",
      						lastDay: "[Gestern]",
      						lastWeek: "[letzte] ddd",
      						sameElse: "DD.MM."
      								},
      			},
      
      			],
      

      2021-08-07 18_50_57-Window.png

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

        @sarcux the doc seems to suggest where you have

        sameDay: "[Heute]",
        

        you could have the date format too

        sameDay: "[Heute]  D, MMM",  
        

        you do that on lastWeek

        lastWeek: "[letzte] ddd"
        

        formatting options
        https://devhints.io/moment

        Sam

        How to add modules

        learning how to use browser developers window for css changes

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

          @sdetweil @SARCux
          changed to

          slotTitleFormat: {
          	sameDay: "[Vandaag]",
          	nextDay: "[Morgen]",
          	nextWeek: "[Overmorgen]",
          	},
          slotSubTitleFormat: " ", // (default value is "ddd")
          

          and give me this
          2021-08-08 16_46_56.png
          (slotSubTitleFormat empty because changing date format does not work)

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

            How can you make the empty spaces smaller?
            I have an overlap between ‘today’ view and ‘month’ view.
            Make both narrower in ‘today’ and ‘month’ view
            2021-08-08 17_09_12.png

            BKeyportB 1 Reply Last reply Reply Quote 0
            • BKeyportB Offline
              BKeyport Module Developer @debaetstony
              last edited by

              @debaetstony

              Use daily view. Eliminates the space almost completely. Also, if I remember right, if you change the order of views in the config.js, you may be able to get month view on top of daily view, but I’m not sure about that. Sean wasn’t too clear in order of building the modules.

              something else you might be interested in. If you’d like empty days to disappear in daily view:

              In your config.js, under views, add the following className: "remove_empty_slot",

              For example:

              views: [
              		{
              		mode: "daily",
              		position: "top_right",
              		slotCount: 14,
              		timeFormat:"LT",
              		hideOverflow: false,
              		filterPassedEvent: true,
              		name: "Schedules",
              		className: "remove_empty_slot",
              

              Then in custom.css add:

              .CX2 .remove_empty_slot .eventCount_0 {
                display:none;
              }
              

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

              1 Reply Last reply Reply Quote 0
              • P Offline
                pkup10
                last edited by

                Re: MMM-CalendarExt2
                I am new here and am trying to get the calendar extension to work. I set it up with the basic configuation but I am getting a blank screen in Magic Mirror. Any help would be appreciated.

                {
                module: ‘MMM-CalendarExt2’,
                config: {
                calendars : [
                {
                url: “https://www.google.com/calendar/ical/ovb564thnod82u5c4njut98728%40group.calendar.google.com/public/basic.ics”,
                },
                ],
                views: [
                {
                mode: “daily”,
                },
                ],
                scenes: [
                {
                name: “DEFAULT”,
                },
                ],
                },
                },

                BKeyportB 1 Reply Last reply Reply Quote 0
                • BKeyportB Offline
                  BKeyport Module Developer @pkup10
                  last edited by

                  @pkup10 way underconfigured. Compare to mine, stripped down to it’s bare minimum.

                  	{
                  			module: "MMM-CalendarExt2", // https://github.com/MMM-CalendarExt2/MMM-CalendarExt2
                  			config: {
                  				calendars : [
                  					{
                  						url: "<URL>",
                  						name: "Main Calendar",
                  					},
                  				],
                  				views: [
                  					{
                  						mode: "daily",
                  						position: "top_right",
                  						calendars: ["Main Calendar"],				
                  					},
                  				],
                  				scenes: [
                  					{
                  						name: "DEFAULT",
                  					},
                  				],
                  			},
                  		},
                  

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

                  W 1 Reply Last reply Reply Quote 0
                  • W Offline
                    Wenike @BKeyport
                    last edited by

                    @bkeyport actually, that might be @pkup10 's problem: he didn’t put a position item in his config. MM won’t display it without knowing where to display it.

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

                      @wenike that module doesn’t use the typical display approach. position is not used

                      Sam

                      How to add modules

                      learning how to use browser developers window for css changes

                      1 Reply Last reply Reply Quote 0
                      • BKeyportB Offline
                        BKeyport Module Developer @Wenike
                        last edited by

                        @wenike Take a look at my barebones config above. You’ll notice the position is part of the view config not the main part. This module creates virtual positions after the main stuff is done.

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

                        1 Reply Last reply Reply Quote 0
                        • A Offline
                          Askedal
                          last edited by

                          Hi,

                          is there a way to setup a sliding week (sliding 7 days) in the calendar, means always show the actual day as the first day and then e.g. 7 days into the future ?
                          Currently I’m showing two weeks, but on Sundays the first week shows only gone events and is not very helpful. I rather would like to save the space for the first week by just showing only 7 days in the future. Unfortunately I was not able to figure this out by myself :crying_face: .

                          Many thanks for the great addon

                          Clas

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

                            @askedal
                            Weeks views purpose is that. Use Daily view with horizontal layout.

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

                              @askedal
                              And the start day of week respects your locale. So in your country, if the week starts from Monday, adjust your locale to it.

                              1 Reply Last reply Reply Quote 0
                              • A Offline
                                Askedal @MMRIZE
                                last edited by Askedal

                                @mmrize said in MMM-CalendarExt2:

                                @askedal
                                Weeks views purpose is that. Use Daily view with horizontal layout.

                                I tried the daily view, but then saturday and sunday were missing, it showed only the working days (maybe there were no events ?)

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

                                  @askedal
                                  I think you are missing some options;
                                  They might be slotCount and fromNow.
                                  slotCount in daily view points How many days will appear
                                  fromNow in daily view points From which day the view begins.

                                  So if you set daily view like this;

                                  fromNow: -1,
                                  slotCount: 5
                                  

                                  It will show 5 days schedules from yesterday.

                                  I think you probably want 7 days schedule from today. In that case, this will work; (You may need more options and CSS modifying to beautify the look of view)

                                  {
                                    name: "VIEW1",
                                    mode: "daily",
                                    title: "My Schedule",
                                    position: "bottom_bar",
                                    type: "row",
                                    slotCount: 7,
                                    fromNow: 0,
                                    useEventTimeRelative: true,
                                  },
                                  
                                  • General View options: https://github.com/MMM-CalendarExt2/MMM-CalendarExt2/blob/master/docs/Configuration/View.md
                                  • Daily View options : https://github.com/MMM-CalendarExt2/MMM-CalendarExt2/blob/master/docs/Configuration/Views/daily.md
                                  1 Reply Last reply Reply Quote 0
                                  • M Offline
                                    MMRIZE @Askedal
                                    last edited by

                                    @askedal
                                    Anyway, I need to point this; The MMM-CalendarExt2 is going to die because of its unusual complexity to use and heavy dependencies of obsoleted legacy node modules. I already have archived it. I wish I can release Ext3 in near future to solve those problems.

                                    A BKeyportB F 3 Replies Last reply Reply Quote 1
                                    • A Offline
                                      Askedal @MMRIZE
                                      last edited by Askedal

                                      Many thanks, it is mostly working. I have now set it like this and it is showing the next 7 days correctly.

                                      {
                                                  name: "Overview",
                                                  mode: "daily",
                                                  useEventTimeRelative: false,
                                                  fromNow: 0,
                                                  slotCount: 7,
                                                  type: "row",
                                                  position: "bottom_bar",
                                                  calendars: [],
                                                  dateFormat: "dd",
                                                  slotTitleFormat: {
                                                      sameDay: "dd",
                                                      nextDay: "dd",
                                                      nextWeek: "dd",
                                                      sameElse: "",
                                                  }
                                              },
                                      
                                      

                                      But there is a lot of free space between the days, can I somehow move the days closer together so that they look more like a table and not like 7 single days ?

                                      Many thanks for your help

                                      1 Reply Last reply Reply Quote 0
                                      • BKeyportB Offline
                                        BKeyport Module Developer @MMRIZE
                                        last edited by

                                        @mmrize I do believe that there are some working within the code to try and figure out Sean’s work. It’s a shame he stepped back though, but I get it. even with my minor modules I’m suffering a bit of burnout and frustration for a free product.

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

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

                                          @bkeyport @MMRIZE IS Sean!!

                                          Sam

                                          How to add modules

                                          learning how to use browser developers window for css changes

                                          1 Reply Last reply Reply Quote 0
                                          • G Offline
                                            ge
                                            last edited by

                                            Will a touch screen work with MMM-CalendarExt2? For example have the current month displayed, and then be able to scroll to the next month, or months ahead like a phone calendar.

                                            S 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
                                            • 19
                                            • 20
                                            • 21
                                            • 22
                                            • 23
                                            • 24
                                            • 25
                                            • 21 / 25
                                            • 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