• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
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
484 Posts 82 Posters 665.4k Views 82 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 Aug 7, 2021, 4:52 PM Aug 7, 2021, 4:49 PM

    @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 Aug 7, 2021, 5:04 PM Reply Quote 0
    • S Offline
      sdetweil @SARCux
      last edited by Aug 7, 2021, 5:04 PM

      @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 Aug 8, 2021, 2:47 PM Reply Quote 0
      • D Offline
        debaetstony @sdetweil
        last edited by Aug 8, 2021, 2:47 PM

        @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 Aug 8, 2021, 3:13 PM

          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

          B 1 Reply Last reply Aug 9, 2021, 6:20 PM Reply Quote 0
          • B Offline
            BKeyport Module Developer @debaetstony
            last edited by Aug 9, 2021, 6:20 PM

            @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 Sep 18, 2021, 1:52 AM

              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”,
              },
              ],
              },
              },

              B 1 Reply Last reply Sep 18, 2021, 9:06 AM Reply Quote 0
              • B Offline
                BKeyport Module Developer @pkup10
                last edited by Sep 18, 2021, 9:06 AM

                @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 Sep 18, 2021, 3:52 PM Reply Quote 0
                • W Offline
                  Wenike @BKeyport
                  last edited by Sep 18, 2021, 3:52 PM

                  @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 B 2 Replies Last reply Sep 18, 2021, 3:57 PM Reply Quote 0
                  • S Offline
                    sdetweil @Wenike
                    last edited by Sep 18, 2021, 3:57 PM

                    @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
                    • B Offline
                      BKeyport Module Developer @Wenike
                      last edited by Sep 19, 2021, 2:32 AM

                      @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
                      • 1
                      • 2
                      • 39
                      • 40
                      • 41
                      • 42
                      • 43
                      • 48
                      • 49
                      • 41 / 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