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 827.4k 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
      Marcel1803 @Guest
      last edited by

      @Sean

      Thank you :slightly_smiling_face:
      That’s what i was looking for…

      I think the “type”-property is missing on your documentation, or I haven’ seen it…
      Thank you.

      1 Reply Last reply Reply Quote 0
      • J Offline
        JHermann
        last edited by JHermann

        Re: MMM-CalendarExt2
        Hi,
        Need some assistance to identify the reason and possible fix to my issue please, very new to this and a steep learning curve.
        I have the calendar working and displaying correctly with other modules but i must leave the Daily view (7 day view) set to Bottom-bar.
        When I change the region to any other region the Daily view (7 day view) disapears and will not display in any other region.
        I want to move the daily view to the upper-third region to keep all the calendar elements together if possible.
        Any guidance will be appreciated, have included the entire code.

        /* Magic Mirror Config Sample
         *
         * By Michael Teeuw http://michaelteeuw.nl
         * MIT Licensed.
         *
         * For more information how you can configurate this file
         * See https://github.com/MichMich/MagicMirror#configuration
         *
         */
        
        var config = {
        	address: "localhost", // Address to listen on, can be:
        	                      // - "localhost", "127.0.0.1", "::1" to listen on loopback interface
        	                      // - another specific IPv4/6 to listen on a specific interface
        	                      // - "", "0.0.0.0", "::" to listen on any interface
        	                      // Default, when address config is left out, is "localhost"
        	port: 8080,
        	ipWhitelist: ["127.0.0.1", "::ffff:127.0.0.1", "::1"], // Set [] to allow all IP addresses
        	                                                       // or add a specific IPv4 of 192.168.1.5 :
        	                                                       // ["127.0.0.1", "::ffff:127.0.0.1", "::1", "::ffff:192.168.1.5"],
        	                                                       // or IPv4 range of 192.168.3.0 --> 192.168.3.15 use CIDR format :
        	                                                       // ["127.0.0.1", "::ffff:127.0.0.1", "::1", "::ffff:192.168.3.0/28"],
        
        	language: "en",
        	timeFormat: 12,
        	units: "metric",
        	// serverOnly:  true/false/"local" ,
        			     // local for armv6l processors, default 
        			     //   starts serveronly and then starts chrome browser
        			     // false, default for all  NON-armv6l devices
        			     // true, force serveronly mode, because you want to.. no UI on this device
        	
        	modules: [
        		{
        			module: "alert",
        		},
        		{
        			module: "updatenotification",
        			position: "top_bar"
        		},
        		{
        			module: "clock",
        			position: "top_left"
        		},
        		{
        			module:"MMM-CalendarExtMinimonth",
        			position:"top_left",
        			defaults:{
        				calendars: ["Jaimie","Simona and Jaimie","Birthdays"],
        			}
        		},
        		{
            			module: "MMM-forecast-io",
            			position: "top_right",  // This can be any of the regions
            			config: {
              				// See 'Configuration options' for more information.
              				apiKey: "54c88fa603b438556e08c96636167cd3", // Dark Sky API key.
        				showWind: true,
              				showSunrise: true,
              				showSummary: true,
              				showPrecipitationGraph: true,
        				precipitationGraphWidth: 400,
        				precipitationGraphHeight: 400,
              				showForecast: true,
            				latitude: -27.437647,
              				longitude: 151.940703
            			}
        		},
        		{
        			module: "MMM-APOD",
        			position: "bottom_center",
        			config: {
        				appid: "L3A4DMGtMRahyV6Ulqh6BWdQm6I5WNPZhcZuzido", // NASA API key (api.nasa.gov)
        				updateInterval: 1000000,
        			}
        		},
        		{
        			module: 'MMM-CalendarExt2',
        			config: {
        				calendars: [
        			{
        				name: "Jaimie",
        				url: "https://calendar.google.com/calendar/ical/////////////////////////////////////////////////",
        			},
        			{
        				name: "Simona and Jaimie",
        				url: "https://calendar.google.com/calendar/ical//////////////////////////////////////////////////////////////",
        			},
        			{
        				name: "Birthdays",
        				icon: "emojione-monotone:birthday-cake",
        				url: "https://calendar.google.com/calendar/htmlembed?src/////////////////////////////////////////////",
        			},
        		],
        				views: [
        			{
        				name: "Upcoming Events",
        				title: "Upcoming Events",
        				mode: "upcoming",
        				position: "top_left",
        				maxItems: 5,
        				maxDays: 7,
        				locale: "en",
        				hideOverflow: false,
        				filterPassedEvent: true,
        				dateTimeFormat:"M/D h:mm A",
        				calendars: ["Jaimie","Simona and Jaimie","Birthdays"],
        			},
        			{
        				name: "Calendars",
        				title: "All Calendars",
        				mode: "daily",
        				type: "row",
        				position: "bottom_bar",
        				slotCount: 5,
        				locale: "en",
        				hideOverflow: false,
        				filterPassedEvent: true,
        				dateTimeFormat:"M/D h:mm A",
        				calendars: ["Jaimie","Simona and Jaimie","Birthdays"],
        			},
        		],
        				scenes: [
        			{
        				name: "DEFAULT",
        				views: [],
        			},
        		],
        	},
        },
        			{
            			module: "MMM-quote-of-the-day",
            			position: "bottom_bar",
            			config: {
                			language: "en",
                			updateInterval: "1h"
        				}
        		},
        	]
        
        };
        
        /*************** DO NOT EDIT THE LINE BELOW ***************/
        if (typeof module !== "undefined") {module.exports = config;}
        
        
        ? 1 Reply Last reply Reply Quote 0
        • ? Offline
          A Former User @JHermann
          last edited by

          @JHermann
          If possible, can you send me configuration with real ical url? eouia0819@gmail.com

          1 Reply Last reply Reply Quote 0
          • J Offline
            JHermann
            last edited by

            This post is deleted!
            1 Reply Last reply Reply Quote 0
            • BKeyportB Offline
              BKeyport Module Developer
              last edited by BKeyport

              @JHermann Bit of testing here - I took your config, modified it for my URLs rather than your stub urls, removed my custom.css and found an interesting layout.

              I’m using a 1920x1080 monitor.

              In landscape mode (wide monitor) - the daily view is interfering with the upcoming view in either position.
              in portrait mode (Tall monitor) - the daily view does show for me in upper_third, but clashes with upcoming view. If daily view is in bottom_bar, it shows clean, but upcoming and parts of Minical and your weather app is hidden behind the NOAA picture.

              I suspect what’s happening is the NOAA picture is covering up your view in the config that you have.

              Do you have custom.css in place at all?
              Have you tried commenting out the NOAA picture and seeing if it works in upper-third then?

              – B

              Edit: while @Sean likes to test with the normal URLs, I figure if they’re showing in one position, they should show with all of them, unless there’s something else wrong - some of my URLs are still google.

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

              1 Reply Last reply Reply Quote 0
              • J Offline
                JHermann
                last edited by

                @BKeyport Hi Mate, I have res set to 1920x1080 and am using portrait mode via screen layout editor and choosing orientation of right.
                Am using a LED TV as the display, I have been emailing Sean and he has the same thoughts that other modules are interfering and he could can get daily view to display in other regions with only the calendar Ext2 module.
                custom.css has only the below in it to reduce margins:

                body {
                margin: 20px;
                position: absolute;
                height: calc(100% - 40px);
                width: calc(100% - 40px);
                }
                I have deleted all other modules from the Config file and still cant display the daily view in other regions at all…weird.
                There must be something I am doing wrong but as as I am inexperienced I am struggling.
                The new Config is below and have emailed Sean a screenshot (havent been able to upload a picture to this forum) and this config as well:
                Any assistance is appreciated.

                /* Magic Mirror Config Sample
                 *
                 * By Michael Teeuw http://michaelteeuw.nl
                 * MIT Licensed.
                 *
                 * For more information how you can configurate this file
                 * See https://github.com/MichMich/MagicMirror#configuration
                 *
                 */
                
                var config = {
                	address: "localhost", // Address to listen on, can be:
                	                      // - "localhost", "127.0.0.1", "::1" to listen on loopback interface
                	                      // - another specific IPv4/6 to listen on a specific interface
                	                      // - "", "0.0.0.0", "::" to listen on any interface
                	                      // Default, when address config is left out, is "localhost"
                	port: 8080,
                	ipWhitelist: ["127.0.0.1", "::ffff:127.0.0.1", "::1"], // Set [] to allow all IP addresses
                	                                                       // or add a specific IPv4 of 192.168.1.5 :
                	                                                       // ["127.0.0.1", "::ffff:127.0.0.1", "::1", "::ffff:192.168.1.5"],
                	                                                       // or IPv4 range of 192.168.3.0 --> 192.168.3.15 use CIDR format :
                	                                                       // ["127.0.0.1", "::ffff:127.0.0.1", "::1", "::ffff:192.168.3.0/28"],
                
                	language: "en",
                	timeFormat: 12,
                	units: "metric",
                	// serverOnly:  true/false/"local" ,
                			     // local for armv6l processors, default 
                			     //   starts serveronly and then starts chrome browser
                			     // false, default for all  NON-armv6l devices
                			     // true, force serveronly mode, because you want to.. no UI on this device
                	
                	modules: [
                		{
                			module: 'MMM-CalendarExt2',
                			config: {
                				calendars: [
                			{
                				name: "Jaimie",
                				url: "https://calendar.google.com/calendar/ical///////////////////",
                			},
                			{
                				name: "Simona and Jaimie",
                				url: "https://calendar.google.com/calendar/ical///////////////////////////",
                			},
                			{
                				name: "Birthdays",
                				icon: "emojione-monotone:birthday-cake",
                				url: "https://calendar.google.com/calendar/htmlembed?src=///////////////////////////////",
                			},
                		],
                				views: [
                			{
                				name: "Upcoming Events",
                				title: "Upcoming Events",
                				mode: "upcoming",
                				position: "top_left",
                				maxItems: 5,
                				maxDays: 7,
                				locale: "en",
                				hideOverflow: false,
                				filterPassedEvent: true,
                				dateTimeFormat:"M/D h:mm A",
                				calendars: ["Jaimie","Simona and Jaimie","Birthdays"],
                			},
                			{`
                				name: "Calendars",
                				title: "All Calendars",
                				mode: "daily",
                				type: "row",
                				position: "top- right",
                				slotCount: 4,
                				locale: "en",
                				hideOverflow: false,
                				filterPassedEvent: true,
                				dateTimeFormat:"M/D h:mm A",
                				calendars: ["Jaimie","Simona and Jaimie","Birthdays"],
                			},
                		],
                				scenes: [
                			{
                				name: "DEFAULT",
                				views: [],
                			},
                		],
                	},
                },
                	]
                
                };
                
                /*************** DO NOT EDIT THE LINE BELOW ***************/
                if (typeof module !== "undefined") {module.exports = config;}
                
                
                ? 1 Reply Last reply Reply Quote 0
                • ? Offline
                  A Former User @JHermann
                  last edited by

                  @JHermann
                  Have you done something on css/custom.css or main.css or any other css file?

                  1 Reply Last reply Reply Quote 0
                  • J Offline
                    JHermann
                    last edited by JHermann

                    @Sean Only the Custom.css per below to reduce margins. No other changes to any ,css file as far as i recolect.

                    body {
                    margin: 20px;
                    position: absolute;
                    height: calc(100% - 40px);
                    width: calc(100% - 40px);
                    }

                    Maybe i should uninstall and start over?

                    ? 1 Reply Last reply Reply Quote 0
                    • ? Offline
                      A Former User @JHermann
                      last edited by

                      @JHermann
                      Well , this kind of problem is not related to installation. Reinstall might solve the issue, but we don’t know why and how. And there is still possibility of not-solving.

                      The most common pitfall might be mistyping.

                      position: "top- right",
                      

                      This is not a proper symbol of top_right region.

                      J 1 Reply Last reply Reply Quote 0
                      • J Offline
                        JHermann @Guest
                        last edited by

                        @Sean Good point, that was a definite typo.

                        1 Reply Last reply Reply Quote 0
                        • 1
                        • 2
                        • 30
                        • 31
                        • 32
                        • 33
                        • 34
                        • 48
                        • 49
                        • 32 / 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