MMM-CalendarExt

[Doudy]

Hello,
I would like to decrease the size of characters in “{
module: ‘MMM-CalendarExt’,” “calendars: [”
In title and description.
How to do this?

[Robtrowb]

How can I adjust the height and ad the month to the daily header?

I want it to say 1 June Sat, 2 June Sun and so on & adjust the height

RT

[A Former User]

@Doudy @Robtrowb
1)Left side of slot header would be title and Right side would be subtitle. So you can formatting with titleFormat and subtitleFormat.
By example;

titleFormat: "D MMM ddd",
subtitleFormat: " ",

would be

Or,

titleFormat: " ",
subtitleFormat: "D MMM ddd",

would be

Or,

titleFormat: "D MMM",
subtitleFormat: "ddd",

would be

2. CSS Selectors of title and description would be .CALEXT .eventContent and .CALEXT .eventDescription. So if you add this into css/custom.css you can get smaller title.

.CALEXT .eventContent {
  font-size:10px;
}

Read https://github.com/eouia/MMM-CalendarExt/wiki and try by yourself.

[Robtrowb]

@Sean TY

[nobita]

@Sean
How can i solve this problem like photo

the width of column not match the width of symbol

Thanks for your help

[A Former User]

@nobita

Basically It should be resized. but your custom css modification might be the reason of preventing works.
How have you modified?

[A Former User]

@nobita
Or where have you placed the month view? That view is such a wide so it will not fit in smaller area for displaying normally.

[JonOpelGT]

Hello, I’m working with CalendarExt. Its a great module! Ihave a small feature request that would be very helpful to me. currently there are several views “upcoming,” “current,” etc. I would like to request a “recent” view which shows items in the recent past. This should be fairly straitforward. What is the process to get an addition like that? Thanks.

[Newtothis]

Hi, great looking module.

Would you be able to post your config for the first screenshot please? I am having trouble working out the config.

Thanks :)

[dolszews89]

I can´t seem to enable the event time (eg. 17:00-19:00 next to the event title), what might be the problem here?

Well, I assumed in month view and weeks view people might not need exact time, (Mirror is too small to display many things), So I disabled it by default.
Add this to your css/custom.css

div.CALEXT div.tableStyle div.eventContainer div.eventTime {
  display:block;
} 

This is from a while ago but I am running into a problem. I would also like to add time stamps to my month view. I have add the recommended code to the end of my custom.css file but the time stamps still do not appear. Should be code refer to the “month” view somewhere?

[A Former User]

@dolszews89
I don’t recommend to display event time on tableStyle (weeks, month), but if you want,

Add this into your css/custom.css

.CALEXT .tableStyle .eventTime {
  display:block;
  font-size:10px;
}


.CALEXT .tableStyle .fulldayevent  .eventTime {
  display:block;
  font-size:10px;
}

PS : There is no other modification in my css/custom.css

[migitcheetah]

Is there a way to set my month view to start on Monday instead of Sunday? I have events that are Monday through Sunsay, and would like to avoid them wrapping from one line to the next, and instead have them on one single line from Monday to Sunday.

[A Former User]

@migitcheetah
It depends on your locale.

[migitcheetah]

@Sean ok,
How would I know which locals have a monday start date, and would that change the entire mirrors language? Can I change local just for the calendar?

[A Former User]

@migitcheetah
So, what is your default language of MM?

https://github.com/eouia/MMM-CalendarExt/wiki/Configuration#system

If you are using English, use en-GB. In UK, a week would start from Monday. (but in US, starts from Sunday.)

[migitcheetah]

@Sean thanks!
My default language is English US.
So I was looking at the calendar config and will set its local to en-gb and see if that works, if not, I can use en-gb for the entire mirror.

Thanks for your reply.

[migitcheetah]

How can I change the background color on the month view day of the week header? I have fixed everything else to look the way I like, but the background is transparent, and the text is white, and I would like to make the background solid black, but just cant seem to find the right css block.

[A Former User]

@migitcheetah
Easily, you can use like this;

.CALEXT #CALEXT_month {
  background-color:black;
}

I put the blue color to body intentionally to check.

[migitcheetah]

@Sean Thanks for this, that is a great solution, but before I commit to it, I wanted to just check in and see if I could just change the background on the day of the week headers?
I like the rest as I have it in my screen shot, but if it is not possible, then your solution will work.

Thanks for all your help.

[A Former User]

@migitcheetah

css/custom.css

.CALEXT .calendarMonth .weekHeader {
  background-color:#FF00FF;
}

.CALEXT .calendarMonth .weekHeader .day_1 {
  background-color: #00FFFF;
}