MMM-CalendarExt2

[code999]

@code999 I guess no one knows how to do this? Everything I try it does not change what I want.

[A Former User]

@code999
Too ambiguous. What you tried and what you expected as a result? It would be nice to understand with an image about where is an issue and how to change it.
You can customize CSS to adjust the size of almost every element, and you can adjust some height-related values on the configuration. And, there be some brief information about the HTML structure and CSS selectors on docs. e.g) https://github.com/eouia/MMM-CalendarExt2/wiki/4.-Styling
So, what is your issue?

[code999]

@Sean sorry about me not able to explain what I am trying to do. this is how it looks now. I want to move it to the right and shrink it so it does not overlap the other modules.
Thanks for your help.

[mrdenmark]

This post is deleted!

[mrdenmark]

@code999
try position top_right instead of full_screen and see how that looks, you can then have a dig around the files and see if you can alter the size by specifying the size % or pixels

[mrdenmark]

@Sean ,
can this module work with mmm-keybindings?i’d like to use the spacebar or similar to cycle through scenes

[A Former User]

@code999
Which position did you set for the view? put the view in a proper position, then, add this into your css/custom.css

.CX2 {
  width: 800px;
}

Or any size you want.

[A Former User]

@mrdenmark

can this module work with mmm-keybindings?i’d like to use the spacebar or similar to cycle through scenes

https://github.com/eouia/MMM-CalendarExt2/wiki/3.-Usage
If your module can emit customized notifications(e.g: CALEXT2_SCENE_NEXT or somethings), possible.
Or you can use MMM-NotificationTrigger to translate or relay original notification to specific customized target notification.

[jani.karna]

Hi! I’m trying to modify css. I created css/custom.css in MagicMirror/modules/MMM-CalendarExt2/ and tried doing modifications but none of them seem to do anything. Permissions for dir and file are 777.
Is there something I’m not understanding here?

for example I tried this in custom.css but it doesn’t work. This only works in MMM-CalendarExt.css file.

.CX2 .weekSlot.seq_0 .cellSlot .slotSubTitle {
  position:relative;
  top:-30px;
  left:40%;
}

Also, how can I get month calendar to only show 4 weeks instead of 5?

[A Former User]

@jani-karna
You don’t need to create your own css/custom.css under module directory. That file locates under your MagicMirror directory. css/custom.css is a global common file to be used by all the modules.

[jani.karna]

Oh, I see. Some modules seem to have their own directory, like MMM-CalendarExt for example. But I’ll use MagicMirror directory instead and try with that.

How about the other question? How can I get month calendar to show 4 weeks instead of 5?

[A Former User]

@jani-karna
MMM-CalendarExt was so an early and old module, so it has an improper structure. I’ll deprecate the css in some days.

For your Second Question.
month view could have 4~6 weeks in a table by the days. If you want to fix 4 weeks, use week view instead month

[jani.karna]

I’m not sure I understood. Is month view possible to set to show 4 weeks? I also changed to week mode but it only shows 3 weeks instead of 4.

[A Former User]

@jani-karna
You can set how many weeks to be shown with slotCount in week view.

[jani.karna]

@Sean
Thank you, that did the job.

Sorry to bother you with one more question: 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.

[A Former User]

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

[jani.karna]

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

[A Former User]

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

[mrdenmark]

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 advance

[A Former User]

@mrdenmark
1)

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