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-CalendarExt3

    Scheduled Pinned Locked Moved Utilities
    689 Posts 82 Posters 2.8m Views 86 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
      MMRIZE @luisestrada
      last edited by

      @luisestrada
      99abe6e9-3d9f-4d06-80d6-353007f6458b-image.png
      I fixed. Update your module.
      I don’t know your code modification, so I applied these syntaxes.

      /* In your default calendar config */
      symbol: ['fa-brands fa-canadian-maple-leaf'],
      /* or */
      symbol: ['brands canadian-maple-leaf'],
      /* of course below are also allowed */
      symbol: 'brands canadian-maple-leaf',
      /* But if you want multi-icons, use array */
      symbol: ['brands google-drive', 'solid calendar'],
      
      BKeyportB 1 Reply Last reply Reply Quote 0
      • BKeyportB Offline
        BKeyport Module Developer @MMRIZE
        last edited by

        @MMRIZE

        any idea why I can’t use this icon in this situation to set it up?

        https://fontawesome.com/v5/icons/bowling-pins?s=solid

        module: "calendar", // Built in
        //position: "top_right",
        config: {
        	broadcastEvents: true,
        	broadcastPastEvents: false,
        	fetchInterval: 30000,
        	maximumEntries: 20,
        	customEvents: [{keyword: 'bowling', symbol: 'bowling-pins'}],
        ... 
        

        Do I need to do the transform on your side, is it something else?

        it does work with other icons, like “user”

        thanks!

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

        M luisestradaL 2 Replies Last reply Reply Quote 0
        • M Offline
          MMRIZE @BKeyport
          last edited by

          @BKeyport
          I have no idea why this “bowling-pins” icon would not appear. maybe font-awesome CSS version issue?"

          1 Reply Last reply Reply Quote 0
          • luisestradaL Offline
            luisestrada @BKeyport
            last edited by

            @BKeyport It’s a Pro icon, do you pay for it?

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

              @luisestrada ahh, that must be it. Although I’ve had pro icons before.

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

              1 Reply Last reply Reply Quote 0
              • luisestradaL Offline
                luisestrada
                last edited by

                Screen Shot 2022-08-27 at 12.05.59 AM.png

                Thank you very much.

                It took me some time to figure out that I could use symbol: “blank”, to not to show any icon, I was getting an error because before, I was using symbol: null :beaming_face_with_smiling_eyes:

                It’s working exactly as I wanted :)

                1 Reply Last reply Reply Quote 0
                • M Offline
                  MMRIZE
                  last edited by MMRIZE

                  Small news.
                  Now it could get the events from randomBrainstormer/MMM-GoogleCalendar module also.

                  N 1 Reply Last reply Reply Quote 0
                  • N Offline
                    nmacd @MMRIZE
                    last edited by

                    @MMRIZE Thank you all for your help! I got fresh copies of everything and was more careful when making changes, it now works which is great. The new issue I am having is it’s only displaying 11 appointments, 10 Google calendar and 1 US Holiday. When I delete an event the next one later down the calendar shows up. Is there a setting to set the max entries or something to that nature?

                    N 1 Reply Last reply Reply Quote 0
                    • N Offline
                      nmacd @nmacd
                      last edited by

                      @nmacd My bad just found it, the default calendar had the limit, all set thanks again

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

                        Hi
                        I would like to know how to make the calendar smaller. As you can see in the picture, my tv is in portrait, and the calendar takes up a lot of space. Where and what changes in custom css could I make to make it smaller and more rectangular? Thank you.

                        mmirror2.jpg

                        M 1 Reply Last reply Reply Quote 0
                        • M Offline
                          MMRIZE @techlady
                          last edited by

                          @techlady
                          Adjust ‘maxEventLines’ and ‘eventHeight’. The heighr of day cell would be calculated by maxEventLines x eventHeight.

                          1 Reply Last reply Reply Quote 0
                          • K Offline
                            KD
                            last edited by

                            Hi Guys,

                            Just installed a brand new MM instance and downloaded the latest MMM-CalendarExt3 but for some reason i get no entries from my google calendars…

                            I get entries if i setup MMM-CalendarExt2 or the default calendar but not on MMM-CalendarExt3…

                            Here is my Config

                            {
                              module: "MMM-CalendarExt3",
                              position: "bottom_center",
                              config: {
                                mode: "month",
                                instanceId: "basicCalendar",
                                locale: 'en-UK',
                            	fontSize: '25px',
                            	refreshInterval: 10000,
                                maxEventLines: 5,
                                firstDayOfWeek: 1,
                                calendarSet: ["KD", "Tini"],
                            		}
                            	},
                            	{
                              module: "calendar",
                              config: {
                                broadcastPastEvents: true, 
                                calendars: [
                            	{
                            			name: "KD",
                            			className: "KD",
                            			url: "https://calendar.google.com/calendar/ical/basic.ics",
                            			color: "green"
                            		},
                            		{
                            			name: "Tini",
                            			className: "tini",
                            			url: "https://calendar.google.com/calendar/ical/basic.ics",
                            			color: "pink"
                            		},
                            	]
                            	}
                                  },
                            

                            Screenshot 2022-09-10 193724.png

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

                              @KD if you use the calendar url in a browser, it should download a file, just text. you an edit that to see if there are events

                              Sam

                              How to add modules

                              learning how to use browser developers window for css changes

                              K 1 Reply Last reply Reply Quote 0
                              • K Offline
                                KD @sdetweil
                                last edited by

                                @sdetweil Hi there - i can download the file by putting the URL in the browser and open it in Outlook and see the events…

                                Also, I use both URL’s in another 2 magic mirrors I have in the house… I’m confident it’s not the URL’s

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

                                  @KD ok, this looks like the bug I introduced in 2.20. fixed in 2.21, October 1

                                  broadcastPastEvents loads up the past events then the new, and the bug cuts off after the 1st maximumEntries

                                  so u have to increase maximum entries

                                  Sam

                                  How to add modules

                                  learning how to use browser developers window for css changes

                                  K 1 Reply Last reply Reply Quote 0
                                  • K Offline
                                    KD @sdetweil
                                    last edited by

                                    @sdetweil Thanks Sam - do you mean “maxEventLines”?
                                    Screenshot 2022-09-10 193724.png

                                    If yes I have set them up to 10 now and still nothing

                                      module: "MMM-CalendarExt3",
                                      position: "bottom_center",
                                      config: {
                                        mode: "month",
                                        instanceId: "basicCalendar",
                                        locale: 'en-UK',
                                    	fontSize: '25px',
                                    	refreshInterval: 10000,
                                        maxEventLines: 10,
                                        firstDayOfWeek: 1,
                                        calendarSet: ["KD", "Tini"],
                                    		}
                                    	},
                                    
                                    S 1 Reply Last reply Reply Quote 0
                                    • S Offline
                                      sdetweil @KD
                                      last edited by

                                      @KD no in the base calendar module. default
                                      maximumEntries defaults to 10,
                                      that is where you have broadcastPastEvents:true

                                      Sam

                                      How to add modules

                                      learning how to use browser developers window for css changes

                                      K 1 Reply Last reply Reply Quote 0
                                      • K Offline
                                        KD @sdetweil
                                        last edited by

                                        @sdetweil Thank you Sam, i tried that and still nothing…

                                        Here is my config now:

                                        {
                                          module: "MMM-CalendarExt3",
                                          position: "bottom_center",
                                          config: {
                                            mode: "month",
                                            instanceId: "basicCalendar",
                                            locale: 'en-UK',
                                        	fontSize: '25px',
                                        	refreshInterval: 10000,
                                            maxEventLines: 10,
                                            firstDayOfWeek: 1,
                                            calendarSet: ["KD", "Tini"],
                                        		}
                                        	},
                                        	{
                                          module: "calendar",
                                          config: {
                                            broadcastPastEvents: true, 
                                            maximumEntries: 100,
                                            calendars: [
                                        	{
                                        			name: "KD",
                                        			className: "KD",
                                        			url: "https://calendar.google.com/calendar/ical/basic.ics",
                                        			color: "green"
                                        		},
                                        		{
                                        			name: "Tini",
                                        			className: "tini",
                                        			url: "https://calendar.google.com/calendar/ical/basic.ics",
                                        			color: "pink"
                                        		},
                                        	]
                                        	}
                                              },
                                        
                                        S 1 Reply Last reply Reply Quote 0
                                        • S Offline
                                          sdetweil @KD
                                          last edited by

                                          @KD for the short term add

                                          position: “top_left”,

                                          to the calendar module location

                                          let’s make sure it is working

                                          Sam

                                          How to add modules

                                          learning how to use browser developers window for css changes

                                          K 1 Reply Last reply Reply Quote 0
                                          • K Offline
                                            KD @sdetweil
                                            last edited by

                                            @sdetweil Thanks Sam - I now get Loading… than “error in the calendar module check log for more details” and finally no upcoming events… not sure how I have broken it as it was working yesterday… i also tried to replace the default calendar with

                                            git checkout modules/default/calendar/calendar.js
                                            

                                            As per one of your other posts in the forum but got "updated 0 (zero) paths from the index…

                                            S 1 Reply Last reply Reply Quote 0

                                            Hello! It looks like you're interested in this conversation, but you don't have an account yet.

                                            Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

                                            With your input, this post could be even better 💗

                                            Register Login
                                            • 1
                                            • 2
                                            • 26
                                            • 27
                                            • 28
                                            • 29
                                            • 30
                                            • 34
                                            • 35
                                            • 28 / 35
                                            • 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