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
    676 Posts 81 Posters 2.4m Views 85 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.
    • 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
                        • 1
                        • 2
                        • 9
                        • 10
                        • 11
                        • 12
                        • 13
                        • 67
                        • 68
                        • 11 / 68
                        • 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