• 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 680.9k 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 @sdetweil
    last edited by Feb 19, 2020, 1:32 AM

    @sdetweil and “config check is cool” 😏

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

    S 1 Reply Last reply Feb 19, 2020, 2:25 AM Reply Quote 0
    • S Away
      sdetweil @BKeyport
      last edited by Feb 19, 2020, 2:25 AM

      @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 Feb 19, 2020, 4:27 AM

        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 Feb 19, 2020, 7:50 AM Reply Quote 0
        • ? Offline
          A Former User @Turtle
          last edited by Feb 19, 2020, 7:50 AM

          @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 Feb 19, 2020, 10:20 AM Reply Quote 0
          • T Offline
            Turtle @Guest
            last edited by Feb 19, 2020, 10:20 AM

            @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 Feb 19, 2020, 10:48 AM Reply Quote 0
            • ? Offline
              A Former User @Turtle
              last edited by A Former User Feb 19, 2020, 10:49 AM Feb 19, 2020, 10:48 AM

              @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 Feb 22, 2020, 4:51 AM

                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 B 2 Replies Last reply Feb 22, 2020, 5:21 AM Reply Quote 0
                • S Away
                  sdetweil @Turtle
                  last edited by Feb 22, 2020, 5:21 AM

                  @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
                  • B Offline
                    BKeyport Module Developer @Turtle
                    last edited by Feb 23, 2020, 2:47 AM

                    @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
                    • T Offline
                      Turtle
                      last edited by Feb 23, 2020, 3:08 AM

                      Thank you @sdetweil and @BKeyport for the information.

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