MMM-CalendarExt

[Tabbe]

@sean said in MMM-CalendarExt:

@tabbe
https://github.com/eouia/MMM-CalendarExt/wiki/Configuration#defaultview

Use dateFormat

I did try with that but still it remains unchanged.

        current: {
                        title: "Test",
                        dateFormat: "dddd",
                        titleFormat: "dddd",
                        overTitleFormat : "dddd",
                        position: 'top_left',
                        useRelative: 0,
                        limit:2
          },

I also tried without other formating and with basic M.D format.

[A Former User]

@tabbe ‘dddd’ means the weekday name of target date/time. What exactly do you want to display as?

[Tabbe]

@sean
I want to display weekday name, like saturday.

[A Former User]

@tabbe
I think you’ve missed useRelative field in your config. the default value of useRelative of current & upcoming is 1 or true.
Set it as 0.

upcoming: {
            position: "top_left",
            dateFormat: "dddd",
            timeFormat: "HH:mm",
            limit: 5,
            useRelative: 0
          }

If you want to display only “Saturday” without time, unfortunately it is not supported. (Do you need? e.g. only starting time?)

[A Former User]

@tabbe
Now, I’ve updated module to display only starting time.
You can set like this;

upcoming: {
            position: "top_left",
            dateFormat: "dddd",
            timeFormat: " ", // don't use `""` instead `" "`
            limit: 5,
            useRelative: 0,
            onlyStartingTime: 1,
          }

And you can see like this.

[Tabbe]

@sean
This is weird. I did update module and still not getting like that.

:~/MagicMirror/modules/MMM-CalendarExt$ git pull
Already up-to-date.

Also, I would like it to be on current since it shows current date event. What I am trying to show is birthdays and suchs.

[A Former User]

@tabbe
Hmmm. weird,
As you can see on github page, 40mins ago I updated the module.
And you can use that config in current view also.(above is just sample)

[Tabbe]

@sean
Ah, somehow it is now working. Thanks!

[SK4018]

Hi all,
I love the ‘daily’ view (as seen in the post just above), as it presents both events for 7 days and times. However, I want them it to stay at a “Monday to Sunday” order. Is this possible with the daily view? Thanks

[A Former User]

@sk4018
I think you can use weeks view instead daily view. But starting weekday depends on which locale are you using.

[Vauxdvihl]

@sean
Thx a lot
It works
Greetz

[redink]

I just updated this module, and it stopped working. I even tried resting to the simple config from the readme, and nothing is coming up. Where can I see the logs for it to try and fix this?

[A Former User]

@redink
stop pm2 mm then npm start dev in your MM directory root.

[Vauxdvihl]

@Sean
Sorry to ask again
Is there any possibility to increase a little bit the size of the letters?
I mean the ones showing in the calendar as a “task”?
thanks

[A Former User]

@vauxdvihl
You can adjust anything in CSS. (It could not be so easy but really funny)
Or tell me which letters to be increased.

[Vauxdvihl]

@Sean
I want to play around with the following values

Increase / Decrease “FINAL: SEA7 - OAK 6”
Increase / Decrease “Time (04:05-07:05)”

I am not a programmer :-)

Thanks a lot

[A Former User]

@vauxdvihl
Add this into your MagicMirror/css/custom.css file.

.CALEXT .eventTime {
  font-size: 120%;
  line-height:110%;
}

.CALEXT .eventContent {
  font-size: 140%;
  line-height:110%;
}

You can adjust these values with relative % or absolute px (Or many other various things)

https://www.w3schools.com/cssref/pr_font_font-size.asp

[Vauxdvihl]

@Sean
Thanks a lot
In custom css file a have the following:

div.CALEXT  .event .symbol {
    order:1;
    display:block;
    flex-basis: 30px; // Modify this 
    text-align:center;
    min-width: 50px; // Modify this
    font-size: 150%; // Add this
							}			
					
							
div.CALEXT .events .symbol.emoji {
    font-size: 150%; //Adjust this as your wish. you can use px or %
								}
								
div.CALEXT .events .symbol.font-awesome {
    font-size: 250%; //Adjust this as your wish. you can use px or %
										}
div.CALEXT .tableStyle .eventTime {
    display:block;	
									}		
.CALEXT .eventTime {
  font-size: 80%;
  line-height:110%;
					}

.CALEXT .eventContent {
  font-size: 250%;
  line-height:110%;
					}	

The adjustment of time works fine.
But not of the initial content.

Sorry
But can you please help again

Thanks a lot

[A Former User]

@vauxdvihl
Because your other CSS rules might override that rule. (Simpler rule name might have lower priority). See this. https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity

Anyway, you can use like this;

 div.CALEXT div.slot div.eventsBoard div.eventContainer div.eventContent {
   font-size: 250%;
   line-height:110%;
 }

(For more exact rule specificity, I should know whole CSS of your MM, but I believe above code enough)

[yoey2112]

Hello @Sean ,
Been playing around with this module for a day now (not very savvy with javascript) and I cannot figure out how to increase the size of my Calendar. I’m using weeks (4 count) and position bottom_bar, but I would like it to take up about a third of the bottom (vertical monitor). I know this must be a change in CSS, but I dont know what to do. Any help would be great!
-Yoey