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.
    • G Offline
      gonzonia @sdetweil
      last edited by

      @sdetweil No. I had not seen that. Installing now. Thanks!

      1 Reply Last reply Reply Quote 0
      • R Offline
        redink
        last edited by

        Would it be possible to combine the calendar color indicator at the time using just CSS?

        Right now, it’s a colored circle and the time next to it and I was wondering if it would somehow be possible to have the time be inside the circle, or have the time be a different background color.

        My display is quite small, and saving a few extra pixels would be nice.

        1 Reply Last reply Reply Quote 0
        • A Offline
          alfi153
          last edited by

          Hello.
          Is it possible that with the Calender-ext3 in the weekly display the calendar entries are displayed in two or three lines?

          1 Reply Last reply Reply Quote 0
          • CyruS1337C Offline
            CyruS1337 Project Sponsor
            last edited by

            Hello everyone

            I hope you can help me. I’m trying to get the calendar to display in Calendar Ext3.

            This is what my configuration looks like

                                    {
                                      module: "calendar",
                                      position: "top_left",
                                      config: {
                                        broadcastPastEvents: true, // <= IMPORTANT to see past events
                                        calendars: [
                                          {
                                            url: "https://calendar.google.com/calendar/ical/....................ics",
                                            name: "Andreas", // <= RECOMMENDED to assign name
                                            color: "red" // <= RECOMMENDED to assign color
                                            }
                                    ]
                                    }
                                  },
                                    {
                                      module: "MMM-CalendarExt3",
                                      position: "bottom_bar",
                                       title: "",
                                       config: {
                                        mode: "month",
                                        instanceId: "basicCalendar",
                                        locale: 'de-CH',
                                        maxEventLines: 5,
                                        firstDayOfWeek: 1,
                                        calendarSet: ['Andreas'],
                                      }
                            },
            
            S 1 Reply Last reply Reply Quote 0
            • S Offline
              sdetweil @CyruS1337
              last edited by

              @CyruS1337 did you install the fix?

              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

              CyruS1337C 2 Replies Last reply Reply Quote 1
              • CyruS1337C Offline
                CyruS1337 Project Sponsor @sdetweil
                last edited by

                @sdetweil

                Great, it worked. I have one more question.
                Do I have to use the “calendar” module from MagicMirror, or would the MMM-MyCalendar module also work?

                						{
                			module: "MMM-MyCalendar",
                			position: "bottom_right",	// This can be any of the regions. Best results in left or right regions.
                			header: 'Kalender Andreas',
                		  config: {
                			colored: true,
                			maxTitleLength: 30, 
                			maximumEntries: 4,
                			displayRepeatingCountTitle: true,
                			timeFormat: "HH:mm",
                			dateFormat: "DD:MM:YYYY",
                			joiningWord: "um",
                			calendars: [
                			{
                				url: 'https://calendar.google.com/calendar/ical/................./basic.ics',
                				color: "#5b53d4",
                				symbol: 'calendar',
                				auth: {
                					user: 'username',
                					pass: 'superstrongpassword',
                					method: 'basic'
                								}
                			},
                			],
                	}
                		},
                						{
                			module: "MMM-MyCalendar",
                			position: "bottom_right",	// This can be any of the regions. Best results in left or right regions.
                			header: 'Kalender Daniela & Andreas',
                		  config: {
                			colored: true,
                			maxTitleLength: 30, 
                			maximumEntries: 4,
                			displayRepeatingCountTitle: true,
                			timeFormat: "HH:mm",
                			dateFormat: "DD:MM:YYYY",
                			joiningWord: "um",
                			calendars: [
                			{
                				url: 'https://calendar.google.com/calendar/ical/................./basic.ics',
                				color: "#f05db0",
                				symbol: 'calendar',
                				auth: {
                					user: 'username',
                					pass: 'superstrongpassword',
                					method: 'basic'
                								}
                			},
                			],
                	}
                		},
                
                S 1 Reply Last reply Reply Quote 0
                • S Offline
                  sdetweil @CyruS1337
                  last edited by

                  @CyruS1337 MAYBE it will work, but it is a clone of the default cal from 3 years ago, with the broken repeating schedule code…
                  which I just fixed in the latest release 2.30.0, Jan 1…

                  Sam

                  How to add modules

                  learning how to use browser developers window for css changes

                  1 Reply Last reply Reply Quote 0
                  • CyruS1337C Offline
                    CyruS1337 Project Sponsor @sdetweil
                    last edited by

                    @sdetweil thanks a lot. It works

                    1 Reply Last reply Reply Quote 0
                    • P Offline
                      p1lspeda
                      last edited by

                      Hi,
                      CSS is driving my crazy.
                      9a7f7331-0a18-4211-a87d-c0ac29321eca-image.png

                      As you can see in the above screenshot, today (Tuesday) the top (weather, today’s Date & Month) take up the entire width.
                      This is fine.
                      The “problem” was yesterday with the additional “CW13” which led to overlapping.
                      I was wondering; if I could minimize the padding around the current date (the red area in the screenshot), theoretically the space should be big enough for all info to be next to each other

                      I tried adjusting the css

                      .CX3 .today .cellDate {
                        padding: 1px 8px;
                        }
                      

                      but unfortunately, that did not have any effect.

                      Can somebody point me in the right direction ?
                      Thanks

                      S BKeyportB 2 Replies Last reply Reply Quote 0
                      • S Offline
                        sdetweil @p1lspeda
                        last edited by sdetweil

                        @p1lspeda I do not know , but you can use the developers window to fiddle with css changes live

                        see the second link in my signature below

                        also see this topic where we discussed css and the dev window just a couple days ago
                        https://forum.magicmirror.builders/topic/19559/css-modifications-on-a-module-which-has-no-own-css-styles

                        Sam

                        How to add modules

                        learning how to use browser developers window for css changes

                        1 Reply Last reply Reply Quote 0
                        • 1
                        • 2
                        • 60
                        • 61
                        • 62
                        • 63
                        • 64
                        • 67
                        • 68
                        • 62 / 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