MMM-CalendarExt2

[code999]

Hi All,

So I have been trying to figure out how to make the calendar smaller. It is over lapping other modules. I have read the docs but I am unclear on how it all comes together to work. Please help.

[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?