Im new ti magic mirror and trying to do a family calendar kind of look.

Im trying to do it together with AI (chatgpt and gemini) due to the fact im not that smart:D

I want to have a look similar to the buttom of this picture:
https://github.com/MMM-CalendarExt2/MMM-CalendarExtTimeline/blob/main/timeline_static.jpg

So horizontal 7-day display with vertical event listings.

It seems impossible for the AI to do it with this module? Is tha AI missing something?`Or do i need another module?

However, not only font-size matters whole looks. You may need to override many CSS fields of MMM-CalendarExt2.css in your css/custom.css.

How do I limit the space between days and make the font bigger? When I make the font larger, I can’t figure out how the make the boxes larger also.

This is my config file

views: [
{
mode: “daily”,
maxitems: “7”,
name: “VIEW1”,
timeFormat:“h:mm A”,
slotCount: 7,
calendars: [],
type: “row”,
position: “bottom_bar”,

  },
],
scenes: [
  {
    name: "DEFAULT",
  },
],

},
},

@MMRIZE MMM-Scenes is probably closer to what I’m looking for.
Currently I have 3 views in CalendarExt2.

1. Family Calendar (this includes multiple calendars for the whole family)
2. Kid 1 Calendar (this is multiple calendars for Kid 1 like school events, homework, and scheduled appointments)
3. Kid 2 Calendar (this is multiple calendars for Kid 1 like school events, homework, and scheduled appointments)

In addition along with each view I show a Daily Agenda for each kid which when it’s not summer shows their schedule for the day. (their school schedule isn’t the same each day)

I use MMM-Buttons to be able to cycle through the pages/views on demand (it also cycles on a time delay as well, but sometimes you need to get to one of them immediately).

• Daily/Upcoming/Current view => MMM-CalendarExt3Agenda would be an alternative.

• Multiple views => You can just put the module multiple times in the config.js. No need to duplicate the module and rename it. You can put many times this CX3 module anywhere where you want. (CX3A Also be the same.)

• Paging => So you can just put this month CX3 instance in page1 and +1 month CX3 instance in page2 under your favorite paging module. (PR: I also have my own paging modules. MMM-Scenes is that. If you have interests just check it.)

• Or you can glance other periods (e.g. +3 weeks, -1 months) with notification.

Can you send me the calendars and your config? (eouia0819@gmail.com)

I actually got it working. I needed to do

npm install request

It started working after that. I’m working on setting up another Pi and I’m going to see if I can get CalendarExt3 working in a way that works for what I want it to do. I saw @sdetweil had an CalendarExt3Agenda module that might help. I think I just need to figure out the Views and paging between to move forward to CalendarExt3.

I hadn’t swapped because I was using some functionality in CalendarExt2 that I’m not sure is available in CalendarExt3. (multiple views, weekly and daily calendars)

With the latest update though my calendars aren’t loading. The module isn’t even appearing on screen despite no errors in the log.

I prefer functionality over looks, and CX3agenda doesn’t satisfy my wants and needs.

I want a calendar which shows a month and a half in advance, and which shows all the events in a single calendar. Having those in a list is both harder for me to follow-up on and find the gaps.

I’ve given a thought to CalendarExt3, and while I like the idea behind it (to make it more simple for regular Joe, as Ext2 “is too complicated”), I’ve got a feeling that it has less features and because of it’s simplicity lacks all the customization options that Ext2 has. Am I right?

As for space wasted, I assume you meant that if one day has, lets say 5 events, and other none, there would basically be a lot of space unused (as in, a lot of empty squares being “empty”, but taking the space anyway)? If so, I really don’t care about that, rather, I prefer it that way.

I don’t want to just glance at it, I want it to be as informative as possible, to help me build my future schedules and plan events. Some events simply need explanation, because one word or shorting that one word won’t cut it.

So, with all that said, does anyone knows of a way to make it work as I imagined?

First, unpretty.
Second, The purpose of the module is to glance at outlines at once. Multi lines are not so easy to scan. I recommend transforming the title abbreviately or using color/symbol to distinguish the points rapidly.
Third, technically not so easy to align the event cells with different lines(heights) in the same row. To accomplish it, that will inevitably waste space. So I haven’t designed so.

I’ve had start and end times set up, but that would leave room for a few letters and it would look like:
‘08:00-09:30 Ext…’

Then I’ve used this:
.CX2 .weekSlot .event:not(.fullday) .eventMain {
height: auto;
flex-wrap: wrap;
flex-grow: 0;
overflow: visible;
}

and it allowed me to have time in one row, and text in another, however if the text alone is more than what could be fit in a single row, again I get 3 dots instead of having the box adjust to the size of the text.

It would look like this:
‘08:00-09:30
Extended line of t…’

Also, whenever I have two enlarged boxes in the same day, the second one would partially go over the previous one, as if the previous one wasn’t enlarged.

Any ideas how I could solve these two issues?

ext2 is no longer supported

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

Thx Norb

Today i have it in the first day of the week. Due to a small screen its not showing all the calendar inputs as it takes up a row by itself. limiting the amount of events i could have