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

      @almightyyoshi cal names, both…

      Sam

      How to add modules

      learning how to use browser developers window for css changes

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

        @BKeyport see https://forum.magicmirror.builders/topic/14862/help-with-a-couple-css-issues?_=1657744269845

        about learning how to use the dev window to find and set classes and styles

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        1 Reply Last reply Reply Quote 0
        • M Offline
          MMRIZE @almightyyoshi
          last edited by MMRIZE

          @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 Reply Quote 0
          • S Offline
            Selph
            last edited by Selph

            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 Reply Quote 0
            • M Offline
              MMRIZE @Selph
              last edited by

              @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 Reply Quote 0
              • S Offline
                sdetweil @MMRIZE
                last edited by sdetweil

                @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 Reply Quote 0
                • M Offline
                  MMRIZE @sdetweil
                  last edited by

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

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

                    @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

                      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

                        @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
                        • 1
                        • 2
                        • 6
                        • 7
                        • 8
                        • 9
                        • 10
                        • 67
                        • 68
                        • 8 / 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