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 824.2k 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
      sdetweil @Turtle
      last edited by

      @Turtle yes.

      One thing to think about, as u encounter errors, is … What did I do last?

      Sam

      How to add modules

      learning how to use browser developers window for css changes

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

        @sdetweil and “config check is cool” 😏

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

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

          @BKeyport once u know how to read it!

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          1 Reply Last reply Reply Quote 0
          • T Offline
            Turtle
            last edited by

            I’m confusing myself with all these examples I’m looking out from the main documentation to other people’s examples. When MM starts, I get the monthly calendar the entire screen but with none of my information from any of the four calendars that I have. Also, I do get the “Upcoming” view in the top_left hand corner with only my information from “Turtle’s Calendar” but not the other calendar. Here is my code…

            config: {
                				calendars : [
                  					{
            					name: "Turtle's Calendar",        					
            					url: "",
                  					},
            					{
            					name: "Work Calendar",
            					url: "",
            					},
            					{
            					name: "Bill Calendar",
            					url: "",
            					},
            					{
            					name: "Payday Calendar",
            					url: "",
            					},
                					],
                				views: [
                  					{
            						name: "MONTHVIEW",        					
            						mode: "month",
            						position: "bottom_bar",
            						calendars: ["Turtle's Calendar", "Work Calendar", "Bill Calendar", "Payday Calendar"],
                  					},
            
            					{
            						name: "DAILYVIEW",        					
            						mode: "upcoming",
            						Title: "Upcoming Events",
            						slotCount: 10,
            						hideOverflow: false,
            						filterPassedEvent: true,
            						calendars: ["Turtle's Calendar", "Work Calendar", "Bill Calendar", "Payday Calendar"],
                  					},
                					],
                				scenes: [
                  					{
                    					name: "DEFAULT",
            						views: ["MONTHVIEW", "DAILYVIEW"],
                  					},
            					
                				],
              			},
            		},
            		
            	]
            
            ? 1 Reply Last reply Reply Quote 0
            • ? Offline
              A Former User @Turtle
              last edited by

              @Turtle
              I suspect maxItems of each view, but not confirm the reason without real ical data. send me your ical’s URL to inspect what happens. (eouia0819@gmail.com)

              T 1 Reply Last reply Reply Quote 0
              • T Offline
                Turtle @Guest
                last edited by

                @Sean said in MMM-CalendarExt2:

                @Turtle
                I suspect maxItems of each view, but not confirm the reason without real ical data. send me your ical’s URL to inspect what happens. (eouia0819@gmail.com)

                @Sean - it was sent. Thank you!

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

                  @Turtle

                  @Sean - it was sent. Thank you!

                  Result of Inspection.

                  It seems

                  • Turtle’s Calendar - Personal Public calendars
                  • Other 3 Calendars - Has only access allowed to Your G Suite Group.

                  In this case; the other 3 Calendars’ ical addresses will not be accessible from externs.

                  For example; Open the browser and put the URL of your “Work calendar” in the address form. It will show 404 error
                  In your Google Calendar settings, you can see warns.

                  Warning: The address won’t work unless this calendar is public.

                  1 Reply Last reply Reply Quote 0
                  • T Offline
                    Turtle
                    last edited by

                    This weekend I’m going to be working some more on the MM especially the CSS to get the calendars the way I want. So, I’m going to be making the “custom.css” file. Which of the current “.css” file am I going to us to fill the “custom.css” file? Also, on the next updating of MM am I going to lose the “custom.css” file?

                    Turtle

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

                      @Turtle no. Custom.css is no longer tracked, so u won’t lose it. The updater script also saves it.

                      Custom.css starts out empty, so u add whatever u need.

                      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 @Turtle
                        last edited by

                        @Turtle find what you want to modify in the existing css files, then copy them over to custom.css - example:

                        
                        /* Bottom Bar Adjustments */
                        .region.bottom.bar {
                        	background-color:rgba(0,0,0,.90);
                        }
                        
                        /* Left adjustments */
                        .region.left {
                        	text-align: center;
                        }
                        

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

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