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

Scheduled Pinned Locked Moved Utilities
486 Posts 83 Posters 709.0k 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.
  • ? Offline
    A Former User @jani.karna
    last edited by Nov 11, 2019, 12:32 PM

    @jani-karna

    I have 1 scene and 1 view and 3 calendars. All of the calendars are in same week view. I’m trying to have all the 3 calendars to be visible at the same time in week view without rotating between them. I thought this is default with just one scene and one view.

    ??? You mean your calendars are not shown in one week view? As you said, that is the default unless you set separate views.
    If all of your events are not shown in a view, it might be maxItems issue. It is limited as max 100 events by default for the performance. In that case, you can set bigger value to maxItems of view.

    1 Reply Last reply Reply Quote 0
    • J Offline
      jani.karna
      last edited by Nov 11, 2019, 12:48 PM

      @Sean
      That is exactly what I’m saying. I don’t think I have that many events. Just in case I tried maxItems: 500, but that didn’t change anything.

      My config looks like this:

      module: 'MMM-CalendarExt2',
          		config: {
          				scenes: [
          						{
          							name: "DEFAULT",
          							views: [],
          						},
          				],
          				views: [
          						{
          							name: "Kaikki",
          							mode: "week",
          							slotCount: 4,
          							maxItems: 500,
          							fromNow: 0,
          							slotTitleFormat: "D.",
          							slotAltTitleFormat: "D. MMM",
          							position: "bottom_bar",
          							className: "monthClass",
          							hideOverflow: "false",
          							slotMaxHeight: "150px",
          							calendars: [],
          							timeFormat: "HH.mm",
          							dateFormat: "DD.MM",
      

      As I said earlier, it keeps rotating between 3 different calendars and they never show in one view at the same time.

      ? 1 Reply Last reply Nov 11, 2019, 12:50 PM Reply Quote 0
      • ? Offline
        A Former User @jani.karna
        last edited by Nov 11, 2019, 12:50 PM

        @jani-karna
        Are those a full configuration of MMM-CalendarExt2 ? Share with me including your real ical url. (eouia0819@gmail.com)

        1 Reply Last reply Reply Quote 0
        • M Offline
          mrdenmark
          last edited by Nov 12, 2019, 7:08 AM

          i’m sure thge answer to this question will be in the wiki but i either can’t find it or dont understand it.
          i have 2 things i’;d like to change,
          in the current and upcoming views you can see the titles i’ve entered and i’d like to remove/change where it says upcoming/current

          in whe weeks view the events are cut short,how do i make them wrap or use more lines to show the full entry?
          thanks in advance0_1573542519234_2019-11-12-195357_1080x1920_scrot.png

          ? 1 Reply Last reply Nov 12, 2019, 7:38 AM Reply Quote 0
          • ? Offline
            A Former User @mrdenmark
            last edited by Nov 12, 2019, 7:38 AM

            @mrdenmark
            1)
            0_1573543775612_3ad2e9f0-4bd1-4bd0-8796-b34c00695d3c-image.png

            0_1573543804451_0e1aaf84-7151-4761-b8c6-06ccd5d39bf1-image.png

            1. Not possible easily. I regard month and week view as a brief summary or overview. MM screen is too narrow to display full events details. Other calendar programs - e.g: Google Calendar or Apple Calendar also provide a simple month view like this. You’d better to use other views together to display details of major events (upcoming or current or daily)
              And You can transform title of the event to more shorter abbreviation(e.g: “jack climbing” = > “J.C.”) or using icon and class intentionally. (“morfar’s birthday” = > cake icon + “morfar”). You can achieve this by using transform.
            M J 2 Replies Last reply Nov 12, 2019, 9:26 AM Reply Quote 0
            • M Offline
              mrdenmark @Guest
              last edited by Nov 12, 2019, 9:26 AM

              @Sean
              thanks for that,
              i changed a few things in the screenshot below and another thing i can’t figure how to change is the current and upcoming views
              the first calender-dishwasher duty- only ever shows one name per day but it seems to have several slots reeserved for it, i tried changing maxslots and maxheight but it resulted in a +1 showing for the entry,its also a larger block size in height than the ones in the upcoming view below it,how can i reduce the size of both the slot and the black area below it?
              0_1573550715844_2019-11-12-221628_1080x1920_scrot.png
              here’s my config for the views-

               views: [
                {
                  name: "Dishwasher Duty",
                  mode: "current",
                  slotTitle: "Dishwasher Duty",
                  position: "top_left",
                  maxitems: 1,
                  hideOveflow: true,
                  useEventTimeRelative: false,
                  calendars: ["Dishwasher Duty"],
                },
              {
                  name: "Todays Events",
                  mode: "current",
                  slotTitle: "Todays Events",
                  position: "top_left",
                  useEventTimeRelative: false,
                  maxitems: 500,
                  calendars: ["family", "Rubbish Collection", "Public Holiday"],
                },
              {
                  name: "Upcoming Events",
                  mode: "upcoming",
                  slotTitle: "Upcoming Events",
                  position: "top_left",
                  maxitems: 500,
                  useEventTimeRelative: false,
                  calendars: ["family", "Rubbish Collection", "Public Holiday"],
                },
                {
                  name: "My family affairs",
                  mode: "week",
                  position: "bottom_bar",
                  maxitems: 500,
                  calendars: ["family", "Rubbish Collection", "Public Holiday"],
                },
                  ],
              
              ? 1 Reply Last reply Nov 12, 2019, 9:41 AM Reply Quote 0
              • ? Offline
                A Former User @mrdenmark
                last edited by Nov 12, 2019, 9:41 AM

                @mrdenmark
                0_1573551684210_0ac90f89-5d49-473d-b41c-204ecc041f14-image.png

                1 Reply Last reply Reply Quote 0
                • J Offline
                  jani.karna
                  last edited by Nov 12, 2019, 1:41 PM

                  If I have same event in two calendars, can I use filter to filter out one of them? And if so, how is that done?

                  ? 1 Reply Last reply Nov 12, 2019, 1:51 PM Reply Quote 0
                  • ? Offline
                    A Former User @jani.karna
                    last edited by Nov 12, 2019, 1:51 PM

                    @jani-karna
                    It could not be easy if the events are totally random. But if there is a rule, it could be easier.

                    For example, you have 2 calendars, “Tom” and “Jane” and there be duplicated events on both calendars and they have the same title - “coworking”.
                    In that case, you can filter them from one calendar like this;

                    calendars : [
                      {
                        name: "Tom",
                        url: "...",
                      },
                      {
                        name : "Jane",
                        url: "...",
                        filter: (event) => {
                          if (event.title.search("coworking") !== -1) {
                            return false
                          } else {
                            return true
                          }
                        }
                      },
                    ],
                    

                    This code would remove the events which have title “coworking” from calendar “Jane”

                    1 Reply Last reply Reply Quote 0
                    • F Offline
                      feverlabs
                      last edited by Nov 12, 2019, 2:31 PM

                      I am working my way through two issues. Icons are not showing up, and I cannot figure out how to set the maximum width. I have left the default icon from your example, as I can’t even get that to show.

                      Additionally, there is some blank space underneath the calendar, I suspect I need to set a maximum height to allow for only two events to show. Am I on the right track?

                      I am also stripping out the details of events so they will not be shown. Real Estate is at a premium, and I am trying to limit this to a specific width (I don’t know that number yet, but I like the default width chosen before any events with long titles extends it), and only the next two events on the calendar.

                      {
                      				name: "All Sports",
                      				title: " ",
                      				mode: "upcoming",
                      				position: "bottom_right",
                      				locale: "en",
                      				maxItems: 2,
                      				filterPassedEvent: false,
                      				timeFormat: "h:mm A",
                      				calendars: ["Sports"],
                      				useEventTimeRelative: false,
                      				transform: (event)=>
                      				{
                        					if (event.title.search("UConn Men") > -1) 
                      					{ // If the event might include "Birthday" in its title,
                          						event.icon = "fxemoji-birthdaycake" // Set icon of that event to "fxemoji-birthdaycake"
                        					}
                        					return event // Return that event.
                      				},
                      				transform: (event)=>
                      				{
                      					event.description = ""
                      					return event
                      				}
                      			},
                      			],
                      			calendars: [
                      			{	
                      				name: "Sports",
                      				url: "http://p25-caldav.icloud.com/published/2/MTkzMDY3NDkxMTkzMDY3NGCona3XQzhU1KfnWRGk8hK-bMw1Mvd4dCQ3Yp9tNU5USCACQcqmSFeSa3bQfVEyYrzVqH2TVzgLBXzPKzs1MtM",
                      			},
                      
                      ? 1 Reply Last reply Nov 12, 2019, 2:51 PM Reply Quote 0
                      • 1
                      • 2
                      • 8
                      • 9
                      • 10
                      • 11
                      • 12
                      • 48
                      • 49
                      • 10 / 49
                      10 / 49
                      • First post
                        93/486
                        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