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.

    Help with calendar

    Scheduled Pinned Locked Moved Show your Mirror
    27 Posts 2 Posters 7.3k Views 2 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.
    • S Offline
      sdetweil @gerbenz
      last edited by

      @gerbenz ok, can you show the output of starting MagicMirror

      if you are using pm2 then
      pm2 logs --lines=xxx
      xxx is the number of most recent lines , default 15

      you may need more
      careful the cal broadcast message contains the full url so coukd expose personal info

      is it broadcasting events ?

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      G 1 Reply Last reply Reply Quote 0
      • G Offline
        gerbenz @sdetweil
        last edited by

        @sdetweil

        only see events when i place orriginal callendar too,

        then the addon works good.

        wierd.

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

          @gerbenz no idea

          can you show the calendar configuration
          (xxx out the urls but don’ change anything else)

          you ARE just commenting out the calendar position line, right??
          mine looks like this

                {
                  module: "calendar",
                  classes: "page1",
                  //position: "top_left",
                  order: "*",
                  index: 1,
                  label: "instance 1",
                  config: {
                    broadcastPastEvents: true,
                    fetchInterval: 120000,
                    urgency: 0,
                    dateFormat: "Do.MMM, HH:mm",
                    fullDayEventDateFormat: "Do.MMM",
                    getRelative: 0,
                    hidePrivate: true,
                    calendars: [
          

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          G 1 Reply Last reply Reply Quote 0
          • G Offline
            gerbenz @sdetweil
            last edited by

            @sdetweil

            	{
            		module: "MMM-CalendarExt3",
            		header: "Afspraken",
            		position: "middle_center",
            		config: {
                        mode: "week",
                        weeksInView: 1,
                        weekIndex: 0,
                        instanceId: "basicCalendar",
                        locale: 'nl-NL',
                        maxEventLines: 5,
                        firstDayOfWeek: 0,
            			startDayIndex: 0,
                        displayEndTime: true,
            	        calendarSet: null,
                        refreshInterval: 60000,
            		    fontsize: '30px',
            		    eventHeight: '30px',
            		    useWeather: false,
            		    skipPassedEventToday: true,
            
            			calendars: [
            				{
            					name: "werk stefnie",
            					color: "red",
            					url: "https://xxxx"
                            },
            				{
                                name: "Stefanie",
                                url: "webcal://p181-caldav.icloud.com/published/xxxx",
            				},
                            {
                                name: "Gezin",
                                url: "webcal://p181-caldav.icloud.com/published/xxxx",
            				},
                            {
                                name: "Amber",
                                url: "webcal://p181-caldav.icloud.com/published/xxxx",
            				},
                            {
                                name: "Luna",
                                url: "webcal://p181-caldav.icloud.com/published/xxxx",
            				},
                            {
                                name: "Gerben",
                                url: "webcal://p175-caldav.icloud.com/published/xxxx",
            				}
            
            
            
            			]
            		}
            	},
            
            S 1 Reply Last reply Reply Quote 0
            • S Offline
              sdetweil @gerbenz
              last edited by sdetweil

              @gerbenz no, the default calendar, where the events come from

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              G 1 Reply Last reply Reply Quote 0
              • G Offline
                gerbenz @sdetweil
                last edited by

                @sdetweil

                        module: "calendar",
                        position: "middle_center",
                        config: {
                			coloredText: true,
                            broadcastPastEvents: false, // <= IMPORTANT to see past events
                			fetchInterval: 1000 * 60 * 1,
                			calendars: [
                				{
                					symbol: "werk stefnie",
                					url: "xxxxx"
                                },
                				{
                                    symbol: "Stefanie",
                                    url: "webcal://p181-caldav.icloud.com/published/xxxxx",
                				},
                                {
                                    symbol: "Gezin",
                                    url: "webcal://p181-caldav.icloud.com/published/xxxxx",
                				},
                                {
                                    symbol: "Amber",
                                    url: "webcal://p181-caldav.icloud.com/published/xxxx",
                				},
                                {
                                    symbol: "Luna",
                                    url: "webcal://p181-caldav.icloud.com/published/xxxxxx",
                				},
                                {
                                    symbol: "Gerben",
                                    url: "webcal://p175-caldav.icloud.com/published/xxxxx",
                				}
                
                
                
                			]
                		}
                	},
                
                S 1 Reply Last reply Reply Quote 0
                • S Offline
                  sdetweil @gerbenz
                  last edited by

                  @gerbenz fetch every 60 seconds?

                  might be a spammer

                  how about try 5 mins
                  and comment out the position

                  Ext3 tries not to flash the screen w updates, you are probably running into that with so frequent updates and so many cals all at different times

                  you can look at the pm2’log and see timestamps when events are sent from each cal

                  Sam

                  How to add modules

                  learning how to use browser developers window for css changes

                  G 1 Reply Last reply Reply Quote 0
                  • G Offline
                    gerbenz @sdetweil
                    last edited by

                    @sdetweil

                    updating the screen works good.
                    all calendars are working.
                    butt when i hide the standard calendar then te addon calandar lost the events and is empty

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

                      @gerbenz but thats not how it works! the calendar module just keeps sending even when no position is specified.

                      i have both setup on my system and it works perfectly

                      maybe 10releases ago modules w no
                      position would not be run

                      you should be able to see the broadcasts go out in the logs

                      Sam

                      How to add modules

                      learning how to use browser developers window for css changes

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

                        @gerbenz show me the default calendar config whenExt3 is not working.

                        Sam

                        How to add modules

                        learning how to use browser developers window for css changes

                        G 1 Reply Last reply Reply Quote 0
                        • G Offline
                          gerbenz @sdetweil
                          last edited by

                          @sdetweil

                          I changed nothing, only possition to unknown dor the standard calendar.

                          And then the addon calendar is show no events

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

                            @gerbenz no, NOT unknown, thats invalid, module will not be loaded (there will be an error in the log about this)

                            just add
                            //

                            to the front of the line w position on it to comment it out

                            see mine that i posted earlier
                            https://forum.magicmirror.builders/post/123049

                            Sam

                            How to add modules

                            learning how to use browser developers window for css changes

                            G 1 Reply Last reply Reply Quote 0
                            • G Offline
                              gerbenz @sdetweil
                              last edited by

                              @sdetweil

                              Okay i give it a try tomorrow.

                              Thanks so far for youre help.

                              I lett it know if it works.
                              And do i need delete the adresses from the standard calendar or not?

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

                                @gerbenz address?

                                look at my example

                                Sam

                                How to add modules

                                learning how to use browser developers window for css changes

                                G 1 Reply Last reply Reply Quote 0
                                • G Offline
                                  gerbenz @sdetweil
                                  last edited by

                                  @sdetweil

                                  I mean urls,

                                  I have in both the same urls for the calendar

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

                                    @gerbenz i do not understand

                                    Sam

                                    How to add modules

                                    learning how to use browser developers window for css changes

                                    G 1 Reply Last reply Reply Quote 0
                                    • G Offline
                                      gerbenz @sdetweil
                                      last edited by

                                      @sdetweil

                                      // for the position line was the solution.

                                      Thank u so much.

                                      Now only need the calendar what bigger and every schedule my wife kids and me different colors and bigger text.

                                      Only need to fins out how this works

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

                                        @gerbenz all the size and style for Ext3 family of modules is done with css. there is lots of control, and lots to learn

                                        Sam

                                        How to add modules

                                        learning how to use browser developers window for css changes

                                        G 1 Reply Last reply Reply Quote 0
                                        • G Offline
                                          gerbenz @sdetweil
                                          last edited by

                                          @sdetweil

                                          yes a lot to learn.

                                          i have in the calendar conifg: useSymbol: false,
                                          butt then i gett a dott at the beginning of the event.
                                          is it possible to remove it?

                                          and i have six calendars with different collors and that works.
                                          but hole day events don’t color.
                                          They have black text with white border around it.

                                          i want the color that is corrosponding with the right calendar.

                                          alt text

                                          and this is my custom.css

                                          alt text

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

                                            @gerbenz said in Help with calendar:

                                            i have in the calendar conifg: useSymbol: false,
                                            butt then i gett a dott at the beginning of the event.
                                            is it possible to remove it?

                                            yes, some css setting

                                            and i have six calendars with different collors and that works.
                                            but hole day events don’t color.

                                            css setting

                                            They have black text with white border around it.

                                            i want the color that is corrosponding with the right calendar.

                                            css setting

                                            I don’t know all the possible css settings for this module. the author has made it quite flexible via css… but like all decent manuals/readme, he provides a reference (this module has these things) , “application” of the things takes critical thinking and exploration.

                                            one thing to help learn/make progress is to use the browser developer window, elements tab to userstand/test css changes on the live page

                                            see the second link in my signature below

                                            Sam

                                            How to add modules

                                            learning how to use browser developers window for css changes

                                            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
                                            • 1 / 2
                                            • 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