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

Problem installing new module (beginner), CalendarEXT3 not displaying

Scheduled Pinned Locked Moved Solved Troubleshooting
36 Posts 4 Posters 8.5k Views 4 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
    Manino @sdetweil
    last edited by Sep 20, 2023, 10:07 AM

    @sdetweil Thanks for trying to explain for me. I started over from the beginning instead. Couldn’t see what I had done, as you said it was a jumble.

    Now im stuck at, where to put the code. I do not understand how to use both the default calendar and the calendarext3 at the same time.

    It’s at the “config” im stuck. https://github.com/MMRIZE/MMM-CalendarExt3

    S 1 Reply Last reply Sep 20, 2023, 11:08 AM Reply Quote 0
    • S Away
      sdetweil @Manino
      last edited by Sep 20, 2023, 11:08 AM

      @Manino to use the EXT3 modules you set up the default calendar to read the ICS data and it will broadcast that out to the other modules.the EXT3 modules, Read the broadcast info and put up a different presentation

      So first thing to do, is the set of the default calendar so that it reads the right ICS file that means you have to add your calendar URL to the default calendar so that it’ll get the data later we can comment out the position setting and it won’t show on the screen but it’ll still present the data for the other modules.

      and then you do the EXT 3 module by itself understanding that it’s going to present the data now you can add certain parameters to the default calendar so that it knows which URL you’re talking about if there are multiples like a name or a color or but that’s all in the EXT3 documentation about what you need to do

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      M 1 Reply Last reply Sep 20, 2023, 2:40 PM Reply Quote 0
      • M Offline
        Manino @sdetweil
        last edited by Sep 20, 2023, 2:40 PM

        @sdetweil IMG_5235.jpeg

        Now I got this view! Almost fantastic. I want to see the calendar under the line as 2 or 3 weeks. I can see there is a lot of config details, how do I use them?

        {
        module: “calendar”,
        position: “top_left”,
        config: {
        broadcastPastEvents: true, // <= IMPORTANT to see past events
        calendars: [
        {
        url: “https://calendar.google.com/calendar/ical/xxxxxxxx”,
        name: “us_holiday”, // <= RECOMMEND to assign name
        color: “red” // <= RECOMMEND to assign color
        }
        ]
        }
        },
        {
        module: “MMM-CalendarExt3”,
        position: “bottom_bar”,
        title: “”,
        config: {
        mode: “month”,
        instanceId: “basicCalendar”,
        locale: ‘sv-SE’,
        maxEventLines: 5,
        firstDayOfWeek: 1,
        calendarSet: [‘us_holiday’, ‘abfall’, ‘mytest’],
        }
        },

        S 1 Reply Last reply Sep 20, 2023, 3:15 PM Reply Quote 0
        • S Away
          sdetweil @Manino
          last edited by Sep 20, 2023, 3:15 PM

          @Manino said in Problem installing new module (beginner):

          module: “MMM-CalendarExt3”,
          position: “bottom_bar”,
          title: “”,
          config: {
          mode: “month”,
          instanceId: “basicCalendar”, //<-- this isn’t set on the default calendar, best to comment out first
          locale: ‘sv-SE’,
          maxEventLines: 5,
          firstDayOfWeek: 1,
          calendarSet: [‘us_holiday’, ‘abfall’, ‘mytest’],

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          M 1 Reply Last reply Sep 21, 2023, 8:49 AM Reply Quote 0
          • M Offline
            Manino @sdetweil
            last edited by Sep 21, 2023, 8:49 AM

            @sdetweil What do you mean?

            module: “MMM-CalendarExt3”,
            position: “bottom_bar”,
            title: “”,
            config: {
            mode: “month”,
            / instanceId: “basicCalendar”, /
            locale: ‘sv-SE’,
            maxEventLines: 5,
            firstDayOfWeek: 1,
            calendarSet: [‘us_holiday’, ‘abfall’, ‘mytest’],
            }

            S 1 Reply Last reply Sep 21, 2023, 11:10 AM Reply Quote 0
            • S Away
              sdetweil @Manino
              last edited by Sep 21, 2023, 11:10 AM

              @Manino that looks good, with the open/close brace for module, {}

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              M 1 Reply Last reply Sep 21, 2023, 1:39 PM Reply Quote 0
              • M Offline
                Manino @sdetweil
                last edited by Sep 21, 2023, 1:39 PM

                @sdetweil What? The screen still look the same. September then a line. I have added all my calendars now but can’t view them in the month calendar. No errror.

                	module: "calendar",
                		position: "top_left",
                		config: {
                			broadcastPastEvents: true, // <= IMPORTANT to see past events
                			calendars: [
                		        {
                					url: "https://calendar.google.com/calendar/xxxxxxxx",
                					name: "Familj", // <= RECOMMEND to assign name
                					color: "red", // <= RECOMMEND to assign color
                				}, 
                				{
                					url: "https://calendar.google.com/calendar/xxxxxxxx",
                					name: "Jobb", // <= RECOMMEND to assign name
                					color: "red", // <= RECOMMEND to assign color
                				},
                				{
                					url: "https://calendar.google.com/calendar/xxxxx",
                					name: "Lila kalender", // <= RECOMMEND to assign name
                					color: "red", // <= RECOMMEND to assign color
                				},
                			]
                		}
                	},
                	{
                   module: "MMM-CalendarExt3",
                   position: "lower_third",
                   title: "",
                   config: {
                       mode: "month",
                 /* instanceId: "basicCalendar", */
                      locale: 'sv-SE',
                      maxEventLines: 5,
                      firstDayOfWeek: 1,
                     calendarSet: ['Familj', 'Jobb', 'Lila kalender'],
                

                }
                },

                S 1 Reply Last reply Sep 21, 2023, 2:45 PM Reply Quote 0
                • S Away
                  sdetweil @Manino
                  last edited by sdetweil Sep 21, 2023, 2:54 PM Sep 21, 2023, 2:45 PM

                  @Manino do you see all the events from the calendars in the default calendar?

                  i am not the EXT3 author…

                  I start with no calendarsets in ext3

                  I used this and it works

                        {
                    module: "MMM-CalendarExt3",
                    position: "bottom_bar",
                    title: "",
                    config: {
                      mode: "month",
                      maxEventLines: 5,
                      firstDayOfWeek: 1,
                      calendarSet: [], 
                    }
                  },
                  

                  Screenshot at 2023-09-21 09-53-49.png

                  Sam

                  How to add modules

                  learning how to use browser developers window for css changes

                  M 1 Reply Last reply Sep 21, 2023, 3:27 PM Reply Quote 0
                  • M Offline
                    Manino @sdetweil
                    last edited by Sep 21, 2023, 3:27 PM

                    @sdetweil thanks for your printscreen and your time. As what I can see, I have exactly the same config when it comes to the EXT3. Including the open/close brace. (Did’nt copy paste them last time). And now for my picture i did exactly as you.

                    When I have bottom_bar the EXT3 also almost drowning. How can it be so different. Can you see something?
                    IMG_5244.jpeg IMG_5242.jpeg

                    S 1 Reply Last reply Sep 21, 2023, 3:29 PM Reply Quote 0
                    • S Away
                      sdetweil @Manino
                      last edited by Sep 21, 2023, 3:29 PM

                      @Manino I do not know @MMRIZE can u help?

                      Sam

                      How to add modules

                      learning how to use browser developers window for css changes

                      M M 2 Replies Last reply Sep 21, 2023, 3:51 PM Reply Quote 0
                      • 1
                      • 2
                      • 3
                      • 4
                      • 1 / 4
                      1 / 4
                      • First post
                        9/36
                        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