MMM-CalendarExt2

[BKeyport]

@Sean Neither of those are what I would want. No matter how many items I have, there is a space there. I want to rid myself of the excess blank space, so that I can fit more real items into the display. When the day is empty there is very little space between days.

[Mariba]

@Sean Hello,
I tried with maxItems set to 10. I’m definitely sure that I dont have more than 8 items with the calendars combined. It still doesn’t solve the problem.

[mrmagoo_83]

How does one replace a parentheses in the title of an event?

[BKeyport]

@mrmagoo_83 Regex would be “\(” and “\)” to find both.

[A Former User]

@BKeyport

[A Former User]

@Mariba

It still doesn’t solve the problem.

In that case, I should have real data to inspect.

[mmmmh]

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;
}

[A Former User]

@mmmmh

1. Give your view className to control more precisely.
   For example,

{
  title: "Remove Empty Slot",
  name: "DailyView",
  mode: "daily",
  calendars: [],
  position:"top_left",
  hideOverflow: false,
  slotCount: 7,
  className: "remove_empty_slot"
},

Then modify your css/custom.css

.CX2 .remove_empty_slot .eventCount_0 {
  display:none;
}

[mmmmh]

@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.

[A Former User]

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