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.
    • 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
                  • T Offline
                    Turtle
                    last edited by

                    Thank you @sdetweil and @BKeyport for the information.

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

                      @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 Reply Quote 0
                      • ? Offline
                        A Former User @BKeyport
                        last edited by A Former User

                        @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;
                        }
                        
                        BKeyportB 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