I found a workaround. I made the background of the lower part black. : )

In the last screenshot Thu. 28 takes up so much space, even when I enable hideOverflow. I think have to remove some hardcoded 150px in .slotContent but I can’t get to it.

@Sean
Thanks for the remark. Stacking in the same position but with a different (additional) class for the column kinda works but there is still overlap (in this instance I am not limiting the slot height and count in the column, I would like to have as many entries as possible in the column):

@Sean
Thanks for the constructive help. I was already using different positions. Stacking within the same position doesn’t really work:

Slot limiting (and two different positions) seems to be (closer to) what I want to accomplish:

Another workaround would probably be to work with separate instances of the module.

@Sean said in MMM-CalendarExt2:

@mmmmh
can u tell me more details? even picture would be a help to understand your expect.

Here’s an example (I disabled other modules).

@Sean That works nicely for skipping days without events, thanks.

What can I do about the overlap of the content. I can’t limit the view height in the config file or in the class style.

I have two views in one scene and need some layout/styling help. One row view shows the next 7 days and a column should show as many events as possible from 8 days onwards (a preview). For more precise placement, I created my own regions and added them to the index.html template.

The next-7-days daily view is at the bottom of the screen and behaves nicely. The preview column is in the center of the screen and regrettably runs over the next-7-days view.

In a daily column view, how can I skip days without events?

Which style element do I need to modify in custom.css to have the column content to stop at precise coordinates and not spill over other modules?

I tried limiting the region either with a bottom-margin or height value, both do not apply.

Here’s the style that doesn’t work

.region .preview {
    border: 1px #831e4d solid;
    position: absolute;
    left: 480px;
    width: 400px;
    top: 390px;
    height: 550px;
}

Thanks for the quick reply. I looked at the file details and the creation date. It’s from a while back and knowing now that its a core dump I’ll delete it.

Why is this file so big? Can it be pruned?

$ ls -hs MagicMirror/core
1.3G MagicMirror/core

The official Raspberry Pi touchscreen activates a screensaver without documented settings. The screen wakes up when touched. Generally, I would like to keep it that way but I also want to be able to wake up the screen programmatically. If possible, I would also like to tweak the activation time.

I know how to turn the backlight on and off and how to dim the screen but does anyone know how to manage this screensaver?

OK, for posterity, here’s what I did.

I used MMM-Remote-Control and created a button element that calls a function that issues a get request. Interestingly, when I put the URL in the button code the request was rejected (no cross-origin request allowed) but when after I put the URL in the function it worked.

function toggleCal() {
            var myUrl = "http://mypi.local:8080/remote?action=TOGGLE&module=MMM-CalendarExt";
            console.log("getting " + myUrl)
            var xmlHttp = new XMLHttpRequest();
            xmlHttp.open("GET", myUrl, false); // false for synchronous request
            xmlHttp.send(null);
            return xmlHttp.responseText;
        };

The button code gets mangled here. I had to add spaces

< button onclick="toggleCal()">Calender on/off< /button>