MMM-CalendarExt

[A Former User]

@frek

div.CALEXT .tableStyle .fulldayevent .eventTime {
  display:none;
}

Try this.

[Frek]

@sean
tried adding i to my custom.css and no change. my .css looks like:

 /*****************************************************
 * Magic Mirror                                      *
 * Custom CSS                                        *
 *                                                   *
 * By Michael Teeuw http://michaelteeuw.nl           *
 * MIT Licensed.                                     *
 *                                                   *
 * Add any custom CSS below.                         *
 * Changes to this files will be ignored by GIT. *
 *****************************************************/

 body {
  margin: 10px;
  height: calc(100% - 20px);
  width: calc(100% - 20px);	
 }
 div.CALEXT .tableStyle .fulldayevent .eventTime {
  display:none;
 }
 div.CALEXT .tableStyle .eventTime {
  display:block;
  font-weight:normal;
  font-size:70%;
 }
 .CALEXT .tableStyle td.slot {
  max-height:200px;
  height:200px;
 }
 .CALEXT .tableStyle {
  margin:0;
  max-width: 100%;
 }

[A Former User]

@frek said in MMM-CalendarExt:

div.CALEXT .tableStyle .fulldayevent .eventTime {
display:none;
}
div.CALEXT .tableStyle .eventTime {
display:block;
font-weight:normal;
font-size:70%;
}
.CALEXT .tableStyle td.slot {
max-height:200px;
height:200px;
}
.CALEXT .tableStyle {
margin:0;
max-width: 100%;
}

I tested with your CSS but it works as expectation.

[Frek]

@sean ah suck… my test calendar didnt have a full day event… just a long normal event. Google calandar tricked me by showing me it as a fullday event in their app…No wonder why it didnt work… thx for the help =)

[goalie2k]

Is it possible to make the event time display on the SAME line as the event title?

[A Former User]

@goalie2k
Of course possible by adjusting CSS
Add this into your css/custom.css

.CALEXT .event .eventContainer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}


.CALEXT .eventTime {
  order: 2;
  width: 30%;
}

.CALEXT .eventContent {
  order: 1;
  width: 70%;
}

It will show like this.

[goalie2k]

@Sean said in MMM-CalendarExt:

order: 2;
width: 30%;

YOU ROCK! Thank you!

[Subintro]

Hey does anyone know how to change text on the calendars?

I’m using the ‘Current’ event, but it looks kind of confusing as it says ‘In 50 minutes’, which makes it seem like the event is in 50 minutes, but really ends in 50 minutes

[A Former User]

@Subintro

With MMM-CalendarExt, it’s not so easy. You just use useRelative:0 to display normal time. Anyway “CURRENT” event will not be thing of “START IN FUTURE”, It is already started and be a kind of “END IN FUTURE” things. “CURRENT” means that.

How about using MMM-CalendarExt2? That is new build-up and the feature can be configurable and customizable by configuration.
https://github.com/eouia/MMM-CalendarExt2/wiki/Event-Time#2-relative

[Subintro]

@Sean

Oh nice, I’ll check it out. Hopefully wont have to change too much with my config

[Smotx]

Hi,

Little help please,

how to reduce the height of the module?

It adapts automatically to the content, but suddenly exceeds the top one

Thx a lot.

[A Former User]

@Smotx
See this;
https://github.com/eouia/MMM-CalendarExt/wiki/Manipulation-of-looks#viewlimit--viewoverflow

[Smotx]

@Sean

Thx for help, with your indication, i have finally used

overflowHeight: 200,

[redink]

Is there a way to show the event start time in the same space as the even name?
Like 6p Swim Lesson

[A Former User]

@redink
More detailed adjusting might be needed, but commonly see this.

https://forum.magicmirror.builders/topic/4624/mmm-calendarext/148

And, add onlyStartingTime: 1, in your view configuration

[isaac2004]

Seems I cannot get the module to load. tried a few things, but it is just blank. I have the latest version of MM

[A Former User]

@isaac2004 I need log or more detailed info to catch what happened.

[mmmmh]

I successfully use the module on two other screens. I just set up a new one without tweaks and I run into the following error in the console (nothing gets loaded, server-side there are no errors being logged):

Uncaught (in promise) TypeError: hookDom.appendChild is not a function
    at Render.js:590
    at Array.forEach (<anonymous>)
    at Render.drawViews (Render.js:581)
    at Class.getDom (MMM-CalendarExt.js:209)
    at main.js:110
    at new Promise (<anonymous>)
    at updateDom (main.js:109)
    at Object.updateDom (main.js:518)
    at Class.updateDom (module.js:358)
    at Class.draw (MMM-CalendarExt.js:680)

[A Former User]

@mmmmh did you set a position of view? your error says there might be an issue. I’m on a business trip now so i cannot check at this moment. later i’ll look inside.

[mmmmh]

@Sean yes, I set it to top_left:

{
            module: 'MMM-CalendarExt',
            position: "top_left", //anywhere. It is not related to real position of view
            classes: "default standard everyone",
            config: { // Read below
                system: {
                    show: ['current', 'upcoming'],
                    locale: 'de',
                    showEmptyView: 0,
                    fullDayEventLocalize: 1,
                    redrawInterval: 300000, 
                },
                defaultView: {
                    position: 'calendar',
                    positionOrder: -1,
                    overflowRolling: 0,
                    overflowHeight: 0,
                    overflowDuration: 2,
                    timeFormat: 'H:mm',
                    dateFormat: "ddd, D. MMM",
                    fullDayEventDateFormat: "ddd, D. MMM",
                    ellipsis: 0,
                    limit: 20,
                    oneLineEvent: 1,
                },
                views: {
                    current: {
                        title: "Now...",
                        direction: "column",
                        showEmptyView: 0,
                        useRelative: 0,
                    },
                    upcoming: {
                        title: "Was steht an...",
                        direction: "column",
                        useRelative: 0,
                        overflowHeight: 0,
                        overflowRolling: 0,
                    },
                },
                calendars: [
                    {
                        name: "XXXX",
                        symbol: "male",
                        styleName: "style24",
                        url: "redacted",

                        auth: {
                            user: 'redacted',
                            pass: 'redacted',
                            method: 'basic'
                        }
                    },
                    
                ],

            },
        },

Don’t worry, it’s not urgent.