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-CalendarExt2

    Scheduled Pinned Locked Moved Utilities
    486 Posts 83 Posters 822.6k Views 83 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.
    • A Offline
      almightyyoshi
      last edited by

      How can I add an image to the background of a specific slot, such as a pumpkin to October 31 or a Christmas tree to December 25. I was thinking of .slotcontent, but not sure how to filter that. Also, how would it be done for things like Hannukah, where there aren’t set days. I was also thinking of using dayofyear, but leap years would mess with that, and still wouldn’t solve Hannukah or any other shifting holidays.

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

        @almightyyoshi
        Each slot may have its characteristic class name like;

        • slot : all slots have slot as its class name.
        • daily, weekly, monthly, week, month, current, upcoming : mode of view
        • period, agenda, weekSlot, cellSlot, timelineSlot… : types of slot.
        • seq_0, seq_1, … : slot sequence in view
        • thisyear, thismonth, thisweek, today : slot relation with today.
        • year_2018, month_12, week_51, day_25, weekday_6, dayofyear_361, … : You can specify slot with this class names.

        So, let’s guess what these class selector in your CSS means; .slot.daily.thismonth.weekday_6. Or .slot.month_12.day_25.
        After specifying the slot, you can control its header/content/footer or events inside.

        .slot.daily.month_12.day_25 .slotContent {
          background-image: url( ... );
        }
        

        https://github.com/MMM-CalendarExt2/MMM-CalendarExt2/blob/master/docs/Styling.md

        The non-gregorian calendar is not supported.

        1 Reply Last reply Reply Quote 0
        • G Offline
          gekberlin
          last edited by

          Hi all,
          I’m not quite sure how to achive that relative time format is displayed correctly. Please notice the given picture
          162464de-fba6-4d8e-b15b-46e935388689-image.png
          Where it says “in 3 Stunden” (german for in 3 hours) it should say tomorrow and where it says “in einem Tag” (german for tommorow) it should be the day after tommorrow as the event starts tomororw plus a few hours.
          Any suggestion how to achive that ?

          M 1 Reply Last reply Reply Quote 0
          • C Offline
            ccr41981
            last edited by

            I don’t suppose there’s a dummies guide to make this work?

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

              @ccr41981 this is one of the most complex modules. and the author does not support it anymore.

              so it’s community help

              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 @gekberlin
                last edited by MMRIZE

                @gekberlin
                RelativeTime would be auto-scaled by remain period to target time from now on. So “tomorrow” is displayed as “in X hours” because after X hours the tomorrow will begin. “In 10 days” means exactly “in 10days and a few hours”
                So it is not so desirable to display exact time, especially fullday events.
                Use dateFormat or dateTimeFormat. See the localization part also.

                RelativeTime itself is more useful when you use it to display near events in 24 hours.

                1 Reply Last reply Reply Quote 0
                • C Offline
                  ccr41981
                  last edited by

                  @sdetweil understood, I got that from the thread. Was just hoping there was some other documentation than the main GitHub page. I don’t want to ask a bunch of annoying questions, but I could use some help.

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

                    @ccr41981 no other doc. so ask away and maybe someone can help.

                    Sam

                    How to add modules

                    learning how to use browser developers window for css changes

                    C 1 Reply Last reply Reply Quote 0
                    • C Offline
                      ccr41981 @sdetweil
                      last edited by

                      @sdetweil Very well. So, how does one set this up? I installed the module, but it doesn’t show up at all. I’ve put in my ics links in the calendar spots, but nothing. I’ve gleaned that there is something to be done with custom css, but I haven’t been able to figure it out. Can someone break down what needs to be done just get a visual going?

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

                        @ccr41981 you’ve read the config doc?

                        https://github.com/MMM-CalendarExt2/MMM-CalendarExt2/blob/master/docs/Configuration.md

                        use the example, and your url .

                        also, this module suffers from a missing library ( that was removed from the base a couple releases back )

                        in the module folder (MagicMirror/modules/MMM-CalendarExt2) do

                        npm install request --save
                        

                        Sam

                        How to add modules

                        learning how to use browser developers window for css changes

                        C 2 Replies Last reply Reply Quote 1
                        • 1
                        • 2
                        • 41
                        • 42
                        • 43
                        • 44
                        • 45
                        • 48
                        • 49
                        • 43 / 49
                        • 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