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 830.1k 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.
    • M Offline
      Marva82 @BKeyport
      last edited by

      @bkeyport
      That is not correct. If you want to get rid of the week count create a css/custom.css file, never change the main.css! And add this line
      .CX2 .weeksmark {
      display:none;
      }

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

        @marva82 My statement was functionally correct. Yeah, I forgot to use the overused “Use custom.css” mantra

        (Which in this case, don’t really matter, as if you’d adjust MMM-CX2’s css stub, it’ll likely never get overwritten as the projects effectively dead)

        And yes, you can remove the Week of the year with your stub.

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

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

          Apparently I’m still using MMM-CalendarExt (which is archived) on my old configured MM, so I wanted to update it.
          After a while with MMM-CalendarExt2 I still have an issue.

          I don’t get the ‘Today’ and ‘Tomorrow’ in Dutch, also keep giving the date ‘month day’ instead of day/month.

          Additional question;
          I know that with following you hide the week numbers

          .CX2 .weeksmark {
             display: none;
          }
          
          • But how can you remove the block so that the empty space disappears.
          • Also how do you get less space between the ‘Today / Tomorrow / next days’
          • Is it possible to see the entire appointment in ‘month’ view, even on multiple lines?
            alt text
          S 1 Reply Last reply Reply Quote 0
          • 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
                        • 1
                        • 2
                        • 45
                        • 46
                        • 47
                        • 48
                        • 49
                        • 49 / 49
                        • 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