• 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.

MMM-CalendarExt3

Scheduled Pinned Locked Moved Utilities
654 Posts 77 Posters 1.8m Views 81 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.
  • M Offline
    MMRIZE @almightyyoshi
    last edited by MMRIZE Jul 19, 2022, 9:15 PM Jul 19, 2022, 9:06 PM

    @almightyyoshi

    If your calendar module has some configuration like this;

    {
      module: "calendar",
      header: "Schedules",
      position: "top_left",
      config: {
        calendars: [
          {
            symbol: "calendar-check",
            url: "...",
            color: "red",
            name: "Music",
          },
    ...
    

    Events on this calendar will be represented in MMM-CalendarExt3 as like this.

    <div class="event calendar_Music PUBLIC fullday future useSymbol" data-calendar-seq="0" data-calendar-name="Music" data-color="red" ... > ... </div>
    

    So you can use CSS Selector like this.

    .CX3 .event.calendar_Music {
      ...
    }
    

    If you want, you can add more CSS Specifity to grab more specific target events.

    But that is not the real cause of your issue.

    Your real issue is;

    .CX3 .event.calendar_Music {
            border: none; // <-- Here;
    }
    

    In the default CSS of this module, a single event has no border, and a full-day event has a regional background colour(and box-sizing model is border-box), so even though you remove the border, you cannot distinguish what changed, you probably have thought the CSS grammar might have been wrong because nothing looked changed. That was why you lost your way.

    A 1 Reply Last reply Jul 23, 2022, 12:21 PM Reply Quote 0
    • S Offline
      Selph
      last edited by Selph Jul 22, 2022, 4:49 PM Jul 22, 2022, 4:48 PM

      I’m having trouble with setting my locale.

      My setup is simple enough and when I try to set the locale to “de-DE” it works but when I try to set it to Icelandic it just defaults to English.

      {
              module: "MMM-CalendarExt3",
      	position: "bottom_center",
      	config: {
      		locale: "is-IS"
      	}
      },
      

      My config.locale is set to "is-IS" and my config.language is set to "is". For the clock module this seems to work.

      Any ideas? The is.json in the translation folder is in order and it is also included in the translations.js.

      I encounter the same problem in the Agenda version of the calendar.

      M 1 Reply Last reply Jul 22, 2022, 6:08 PM Reply Quote 0
      • M Offline
        MMRIZE @Selph
        last edited by Jul 22, 2022, 6:08 PM

        @Selph
        It is not the translation’s problem.
        This module (and agenda) depends on its internationalization to Intl internal Javascript object. (https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl). That is supposed to be a standard method for I18N/L10N in JavaScript world.
        But unfortunately, Chromium(Electron of MagicMirror is using it) is known to have a bug in handling Icelandic locale ‘is’ or ‘is-IS’, and not been fixed yet.
        https://support.google.com/chrome/thread/26467925/icelandic-locale-formating-wrong?hl=en

        Sorry. At this moment, I cannot help about it.

        S 1 Reply Last reply Jul 22, 2022, 6:12 PM Reply Quote 0
        • S Away
          sdetweil @MMRIZE
          last edited by sdetweil Jul 22, 2022, 6:19 PM Jul 22, 2022, 6:12 PM

          @MMRIZE can he use chromium browser instead of electron to work around this issue?

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          M 1 Reply Last reply Jul 22, 2022, 7:12 PM Reply Quote 0
          • M Offline
            MMRIZE @sdetweil
            last edited by Jul 22, 2022, 7:12 PM

            @sdetweil
            It’s all Chromium based browser’s issue; chrome, chromium, and even MS edge.

            S 1 Reply Last reply Jul 22, 2022, 7:28 PM Reply Quote 0
            • S Away
              sdetweil @MMRIZE
              last edited by Jul 22, 2022, 7:28 PM

              @MMRIZE ok, no workaround…

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              1 Reply Last reply Reply Quote 0
              • S Offline
                Selph
                last edited by Jul 23, 2022, 2:55 AM

                Well that is indeed unfortunate. Thanks for the info, I appreciate it. I guess I’ll try to hardcode the translation values into CalendarExt3.js for now.

                1 Reply Last reply Reply Quote 0
                • A Offline
                  almightyyoshi @MMRIZE
                  last edited by Jul 23, 2022, 12:21 PM

                  @MMRIZE
                  Thanks for the help. I actually just had to specify singleday and fullday along with the calendar name, which I’m ashamed I didn’t think of before.

                  1 Reply Last reply Reply Quote 0
                  • S Offline
                    sfb
                    last edited by Jul 24, 2022, 5:23 PM

                    @MMRIZE Sorry if this has already been reported: I just installed MMM-CalendarExt3 and it appears to be listing my calendar events (Google Calendar .ics) in reverse order (events on each day are listed from latest to earliest). Not sure what additional information is helpful, but I’m using month view, locale is en-US, using timeFormat: 12, and this is all that’s in my module config:

                                  {
                    			module: "MMM-CalendarExt3",
                    			position: "bottom_center",
                    			title: "",
                    			config: {
                    				mode: "month",
                    				instanceId: "basicCalendar",
                    				locale: 'en-US',
                    				maxEventLines: 5,
                    				firstDayOfWeek: 1,
                    				calendarSet: ['work', 'home', 'us-holidays', "leisure"],
                    			}
                    		},
                    

                    Any idea what might be happening? Thank you!

                    S 1 Reply Last reply Jul 25, 2022, 4:26 AM Reply Quote 0
                    • S sfb referenced this topic on Jul 24, 2022, 5:46 PM
                    • S Offline
                      sfb @sfb
                      last edited by Jul 25, 2022, 4:26 AM

                      @MMRIZE I found the discrepancy! It show up in the correct order on Chromium based browsers, however is in the reverse order when viewed on Firefox.

                      @sfb said in MMM-CalendarExt3:

                      @MMRIZE Sorry if this has already been reported: I just installed MMM-CalendarExt3 and it appears to be listing my calendar events (Google Calendar .ics) in reverse order (events on each day are listed from latest to earliest). Not sure what additional information is helpful, but I’m using month view, locale is en-US, using timeFormat: 12, and this is all that’s in my module config:

                                    {
                      			module: "MMM-CalendarExt3",
                      			position: "bottom_center",
                      			title: "",
                      			config: {
                      				mode: "month",
                      				instanceId: "basicCalendar",
                      				locale: 'en-US',
                      				maxEventLines: 5,
                      				firstDayOfWeek: 1,
                      				calendarSet: ['work', 'home', 'us-holidays', "leisure"],
                      			}
                      		},
                      

                      Any idea what might be happening? Thank you!

                      M 1 Reply Last reply Jul 25, 2022, 6:20 AM Reply Quote 0
                      • 1
                      • 2
                      • 6
                      • 7
                      • 8
                      • 9
                      • 10
                      • 65
                      • 66
                      • 8 / 66
                      8 / 66
                      • First post
                        74/654
                        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