• 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
486 Posts 83 Posters 783.5k 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.
  • B Offline
    BKeyport Module Developer
    last edited by Feb 24, 2020, 6:27 AM

    @Sean Is there a way to center the title for “daily” view? Normally, I’d just use .css for the region, but that doesn’t work with your module.

    Thanks!

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

    ? 1 Reply Last reply Feb 25, 2020, 9:28 AM Reply Quote 0
    • ? Offline
      A Former User @BKeyport
      last edited by A Former User Feb 25, 2020, 8:39 PM Feb 25, 2020, 9:28 AM

      @BKeyport
      @BKeyport
      what kind of title? event title like this?
      https://www.dropbox.com/s/qa0zow00cjs8hsf/a1.png?dl=0

      .CX2 .daily .eventTitle {
        text-align:center;
      }
      
      B 1 Reply Last reply Feb 25, 2020, 11:50 PM Reply Quote 0
      • M Offline
        Marcel1803
        last edited by Feb 25, 2020, 8:22 PM

        Hi,
        i’m looking for a daily view with 5 days in one row/line. The default for the daily-view seems to be one day per row.
        Is there a possibility to show the days in one row?

        I also tried the week-vie

        Thanks,
        Marcel

        ? 1 Reply Last reply Feb 25, 2020, 8:37 PM Reply Quote 0
        • ? Offline
          A Former User @Marcel1803
          last edited by Feb 25, 2020, 8:37 PM

          @Marcel1803

          views: [
            {
              mode: "daily",
              type: "row",
              position:"bottom_bar",
              slotCount: 5,
              ...
          

          Maybe some additional CSS adjusting might be needed for your environment, but basic concept is that.
          https://www.dropbox.com/s/oyc8y6qyuiclqia/cal.png

          M 1 Reply Last reply Feb 26, 2020, 3:43 PM Reply Quote 0
          • B Offline
            BKeyport Module Developer @Guest
            last edited by Feb 25, 2020, 11:50 PM

            @Sean No… I can’t post screen shots, but the overall title at the top of the view referenced here:

            views: [
            		{
            			mode: "daily",
            			**title: "Upcoming Events",**
            			...
            

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

            ? 1 Reply Last reply Feb 26, 2020, 8:15 AM Reply Quote 0
            • ? Offline
              A Former User @BKeyport
              last edited by A Former User Feb 26, 2020, 8:16 AM Feb 26, 2020, 8:15 AM

              @BKeyport
              https://www.dropbox.com/s/3jvy3hlz5pdwmi9/mm_cx2_align.png?dl=0
              As you can see in the bottom region, module header will respect the region align itself by default.
              Usually, if you want to override the align of module header of a specific module, you can just do like this;

              .MMM-CalendarExt2 header.module-header {
                text-align:center;
              }
              

              This CalendarExt2 is using a trick of fake-module for each view, so above CSS rule would make module header of all views to text-align:center;

              If you want to specify the view in some region, Check this. (See the red titled view on the top right corner)

              .region.top.right .MMM-CalendarExt2 header.module-header {
                text-align:left;
                color:#F00;
                font-weight:bold;
              }
              

              Be careful about white-space between CSS selectors.

              B 1 Reply Last reply Feb 26, 2020, 9:42 AM Reply Quote 0
              • B Offline
                BKeyport Module Developer @Guest
                last edited by Feb 26, 2020, 9:42 AM

                @Sean Odd - I originally had it for both left and right regions (I like centered headers on a display) as

                .region.right {
                  text-align:center;
                }
                
                .region.left {
                  text-align:center;
                }
                

                and it didn’t work. Now, once I put that back in, it works.

                Okay then, Moving on…

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

                1 Reply Last reply Reply Quote 0
                • M Offline
                  Marcel1803 @Guest
                  last edited by Feb 26, 2020, 3:43 PM

                  @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 Mar 10, 2020, 4:11 PM Mar 10, 2020, 4:05 PM

                    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 Mar 10, 2020, 4:12 PM Reply Quote 0
                    • ? Offline
                      A Former User @JHermann
                      last edited by Mar 10, 2020, 4:12 PM

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

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