MagicMirror Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • Donate
    • Discord
    MagicMirror² v2.20.0 is available! For more information about this release, check out this topic.

    A few CalExt3 questions: background images, glance, and symbols

    Utilities
    2
    3
    907
    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
      almightyyoshi last edited by

      Re: MMM-CalendarExt3

      I’m feeling particularly dense, but can anyone answer these questions?

      1. Can cells (month view) have background images? If so, how? I like to set them for holidays and such.

      2. How do you use glance and step to “flip” to the next month? (I did this in CalExt2 using scenes and views) Do I need another instance of the default Calendar and CalExt3?

      3. When I try to use symbols other than the default symbol (changed in default Calendar config), my events don’t load in CalExt3 (or, oddly enough, the only events that load are from the only calendar I pull from Outlook…the rest are Google and don’t populate). I’ve checked the default Calendar module, and the new symbols are displayed there. Any ideas?

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

        @almightyyoshi
        1.

        .CX3 .month_6.date_16 {
          background-image: url("https://img.freepik.com/free-vector/flat-corpus-christi-illustration_23-2148934727.jpg?w=400");
          background-position: center center;
          background-size: cover;
          background-repeat: no-repeat;
        }
        

        eabebe82-29e2-4ef6-b5aa-25c5c4b22aa7-image.png

        1. You need any “Commandable” module like MMM-Touch for touchscreen or MMM-GroveGestures for gesture sensor or MMM-RemoteControl or MMM-GoogleAssistant or any module which can emit custom notifications by your intentional condition.

        2. Show me your config. which symbol were you trying? With default symbol everything was ok?

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

          @MMRIZE

          1. Thanks! I was so close. I thought I had to specify .cell. Also, I had completely forgotten to make an images folder, but that only took me 10 minutes to remember. 😁

          2. Thanks. I’ll look at MMM-Touch.

          3. Here’s my code. Yes, default works fine. It only messes up when I try to specify an icon.

          Default Calendar

          {
                                  module: "calendar",
                                  //position: "bottom_center",
                                  config: {
                                          colored: true,
                                          broadcastPastEvents: true,
                                          calendars: [
                                                  {
                                                  url: ...
                                                  name: "CJ",
                                                  color: "#3061E3",
                                                  auth: {
                                                        user: ...,
                                                        pass: ...
                                                  }
                                                  },
                                                  {
                                                  url: ...
                                                  name: "Family",
                                                  color: "#DA2528",
                                                  auth: {
                                                        user: ...,
                                                        pass:  ...
                                                  }
                                                  },
                                                  {
                                                  url: ...
                                                  name: "Fiji",
                                                  color: "#d2cf2a",
                                                  auth: {
                                                        user: ...,
                                                        pass: ...
                                                  }
                                                  },
                                                  {
                                                  url:  
                                                  name: "Clararee",
                                                  color: "#a716b8",
                                                  auth: {
                                                        user: ...,
                                                        pass: ...
                                                  }
                                                  },
                                                  url: ...
                                                  name: "Birthdays",
                                                  symbol: "fa-solid fa-cake-candles",
                                                  auth: {
                                                        user: ...,,
                                                        pass: ...
                                                  }
                                                  },
                                                  {
                                                  url: ...
                                                  name: "Music",
                                                  symbol: "fa-solid fa-music",
                                                  auth: {
                                                        user: ...,
                                                        pass: ...
                                                  }
                                                  },
                                          ],
                                  }
                          },
          

          CalExt3

                  {
                      module: "MMM-CalendarExt3",
                      position: "middle_center",
                      config: {
                              mode: "month",
                              instanceID: "currentMonth",
                              firstDayOfWeek: 0,
                              useSymbol: true,
                              calendarSet: [],
                      }
                  },
          
          1 Reply Last reply Reply Quote 0
          • 1 / 1
          • First post
            Last post
          Enjoying MagicMirror? Please consider a donation!
          MagicMirror created by Michael Teeuw.
          Forum managed by Paul-Vincent Roll and Rodrigo Ramírez Norambuena.
          This forum is using NodeBB as its core | Contributors
          Contact | Privacy Policy