• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
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 2.2k 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 Away
    sdetweil @gerbenz
    last edited by Jan 13, 2025, 3:49 PM

    @gerbenz hide the default calendar
    comment out its position setting on config.js

    // position: … whatever

    maybe you want week view instead of month view??

    mode:“week”, // instead of month
    weeksInView: 1

    size, that is all CSS (styling, which goes in MagicMirror/css/custom.css)

    the doc for Ext3 gives extensive info on css values…

    note the position you set it in also impacts its size…
    see this part of the module config for understanding the module positions
    https://docs.magicmirror.builders/modules/configuration.html#position

    Sam

    How to add modules

    learning how to use browser developers window for css changes

    G 1 Reply Last reply Jan 13, 2025, 5:17 PM Reply Quote 0
    • G Offline
      gerbenz @sdetweil
      last edited by Jan 13, 2025, 5:17 PM

      @sdetweil ss

      @sdetweil said in Help with calendar:

      @gerbenz hide the default calendar
      comment out its position setting on config.js

      // position: … whatever

      maybe you want week view instead of month view??

      mode:“week”, // instead of month
      weeksInView: 1

      size, that is all CSS (styling, which goes in MagicMirror/css/custom.css)

      the doc for Ext3 gives extensive info on css values…

      note the position you set it in also impacts its size…
      see this part of the module config for understanding the module positions
      https://docs.magicmirror.builders/modules/configuration.html#position

      I hide the original calendar, butt then the MMM-CalendarEXT3 is empty.
      when i place back the original then its filled

      S 1 Reply Last reply Jan 13, 2025, 5:26 PM Reply Quote 0
      • S Away
        sdetweil @gerbenz
        last edited by Jan 13, 2025, 5:26 PM

        @gerbenz is this the latest MM release 2 .30

        did you put on the fix?
        see https://forum.magicmirror.builders/topic/19282/version-2-30-0-calendar-fix-for-clipping-broadcast-events

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        G 1 Reply Last reply Jan 13, 2025, 5:37 PM Reply Quote 0
        • G Offline
          gerbenz @sdetweil
          last edited by Jan 13, 2025, 5:37 PM

          @sdetweil

          done,but not working. stays empty

          S 1 Reply Last reply Jan 13, 2025, 5:48 PM Reply Quote 0
          • S Away
            sdetweil @gerbenz
            last edited by Jan 13, 2025, 5:48 PM

            @gerbenz can you show me output of

            cd ~/MagicMirror 
            git branch
            

            Sam

            How to add modules

            learning how to use browser developers window for css changes

            G 1 Reply Last reply Jan 13, 2025, 5:51 PM Reply Quote 0
            • G Offline
              gerbenz @sdetweil
              last edited by Jan 13, 2025, 5:51 PM

              @sdetweil

              • _fix_clipping
                master
              S 1 Reply Last reply Jan 13, 2025, 6:01 PM Reply Quote 0
              • S Away
                sdetweil @gerbenz
                last edited by Jan 13, 2025, 6:01 PM

                @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 Jan 13, 2025, 6:18 PM Reply Quote 0
                • G Offline
                  gerbenz @sdetweil
                  last edited by Jan 13, 2025, 6:18 PM

                  @sdetweil

                  only see events when i place orriginal callendar too,

                  then the addon works good.

                  wierd.

                  S 1 Reply Last reply Jan 13, 2025, 6:21 PM Reply Quote 0
                  • S Away
                    sdetweil @gerbenz
                    last edited by sdetweil Jan 13, 2025, 6:23 PM Jan 13, 2025, 6:21 PM

                    @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 Jan 13, 2025, 6:24 PM Reply Quote 0
                    • G Offline
                      gerbenz @sdetweil
                      last edited by Jan 13, 2025, 6:24 PM

                      @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 Jan 13, 2025, 6:28 PM Reply Quote 0
                      • 1
                      • 2
                      • 3
                      • 1 / 3
                      1 / 3
                      • First post
                        6/27
                        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