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.
    • 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
                              • S Do not disturb
                                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 Do not disturb
                                    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 Do not disturb
                                        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
                                          • S Do not disturb
                                            sdetweil @KD
                                            last edited by sdetweil

                                            @KD u have to be I the MagicMirror folder for the git checkout to work

                                            you should not have changed that file anyhow

                                            all config is done thru config.js

                                            can u show the output where u start mm?

                                            either npm start
                                            or if you use pm2, then

                                            pm2 logs --lines=50

                                            calendarext3, gets it’s info from the default calendar. so if it has problems, then u get nothing

                                            Sam

                                            How to add modules

                                            learning how to use browser developers window for css changes

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