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.
    • N Offline
      nmacd @MMRIZE
      last edited by

      @MMRIZE
      So i got rid of all the events and only left the one for the “test” on 8/28 and the results are the same. Nothing is showing up in the actual calendar.
      I will keep working on it, my guess is I am missing something simple.

      1 Reply Last reply Reply Quote 0
      • S Do not disturb
        sdetweil @MMRIZE
        last edited by sdetweil

        @MMRIZE I am the one that caused the bug in 2.20, fixed in 2.21 oct 1

        if u want to test the develop branch
        see
        https://forum.magicmirror.builders/topic/14327/testing-new-fixes-or-solving-current-problems-with-next-release-code

        Sam

        How to add modules

        learning how to use browser developers window for css changes

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

          @nmacd
          I found what’s wrong.

          calendars: ['https://calendar.google.com/'],
          

          You need to set the names of calendar, in this case you assigned “Calendar” as the name of your google calendar.
          So it should be calendarSet:[‘Calendar’], . Or just leave as blank([]) to get all the calendars.

          S 1 Reply Last reply Reply Quote 0
          • S Do not disturb
            sdetweil @MMRIZE
            last edited by sdetweil

            @MMRIZE as this is the 3rd or 4th time users have had trouble with this
            you should put out a debugging message

            unable to locate calendar with name property equal to “???”

            maybe list the names you found…

            Sam

            How to add modules

            learning how to use browser developers window for css changes

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

              Hi @sdetweil @MMRIZE

              This used to be possible before, but after implementing the weather icons, it stopped working. It’s not a big deal but it’s a nice to have feature.

              As you know, MagicMirror uses a very old version of Font Awesome. I updated mine to the most recent version and it now includes the Canadian flag and many other brand icons. Unfortunately, for brands, you have to use “fas” or “fa-solid”, and for brands you have to use “fab” or “fa-brands”. I solved this by tweaking the code in calendar.js and config.js. I also tried to do the same in MMM-CalendarEXT3.js, line 242, but when I try to update config.js calendar module, the calendar shows no data. The reason, because MMM-CalendarEXT3 module does not accept spaces in symbol.

              CalendarEXT3.js, line 242:

              symbol.className = "fa fa-fw fa" + s;
              

              config.js, for birthday calendar

              symbol: "s fa-cake-candles",
              

              config.js, for Canadian holidays

              symbol: "b fa-canadian-maple-leaf",
              

              The space breaks my code, I wanted to choose either “b” or “s” in the symbol field

              How the icons look in the native calendar
              Screen Shot 2022-08-26 at 3.10.57 PM.png

              Unfortunately, not allowing spaces, forces me to decide which one to use or “fas” or “fab”
              Screen Shot 2022-08-26 at 3.11.35 PM.png

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

                @luisestrada
                Maybe line 472-473 needs to be modified to allow ‘fa-brand’ instead of fixed ‘fa-solid’. I’ll check in a few days.

                1 Reply Last reply Reply Quote 0
                • 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 Do not disturb
                                          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

                                            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
                                            • 22
                                            • 23
                                            • 24
                                            • 25
                                            • 26
                                            • 34
                                            • 35
                                            • 24 / 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