Multi-days events showing

[Ivan Losio]

On the very good example calendaries I can see that multi-days events (for example: full-day event from 13/03/2023 to 20/03/2023) has been shown bby a single banner. Unfortunately in calendar settings I cannot see how show this kind of event in that mode and avoid one item day by day.
Thank you in advance.
Ivan

[room34]

The current Month, Week and Month with Sidebar views do not support multi-day events spanning across the days due to how their templates are constructed. However Full view does support this. If you have a lot of multi-day events I would recommend using Full view.

[room34]

Update: This feature has been requested a couple of times before, but doing it in a conventional way would require a complete rebuild of the Month and Week templates (and Month with Sidebar in Pro), so to date it hasn’t happened.

I decided today to think about more unconventional approaches to this, and I realized that it may be possible with the right CSS to simulate the span effect without actually changing the templates at all. I tested this approach and, at least on fairly simple calendars without a lot of overlapping multi-day events (or scattered single-day all-day events), it seems to work, so I have released it in the new 10.8.7 update to ICS Calendar, which is now available.

This option is not yet built into the Calendar Builder in Pro, so you’ll need to add it directly to your shortcode (after updating ICS Calendar to 10.8.7):

combinemultiday="true"

Technically what this is doing in CSS is as follows:

1. Hiding the “ALL DAY” label.
2. Making the event title transparent on days after the first day.
3. Removing the left side border and extending the left edge of the event by 1 pixel to overlap the border on the table cell.

As I said, for calendars without many/any overlapping multi-day events, this seems to do a good job of simulating the effect of an event spanning multiple days. The problem on calendars with overlapping multi-day events is that the events can’t be guaranteed to line up from one day to the next.

Anyway… for users of the Pro version, I still strongly recommend using Full view, as this is one of many reasons why it was added to the plugin in the first place, but if you prefer the look of Month or Week view, or the unique features of Month with Sidebar, this may be a viable option for you to try.

[Ivan Losio]

It is a very good solution!
Since I have some issues with Full view (if I choose this option, no calendar is shown) and I have to investigate about it, for now I use the new option in the shortcode.
Thank you very much!
Ivan

[room34]

I’m glad to hear this change will help you. I’d like to work with you on troubleshooting the Full view issue you’re having, when you have time.

[Ivan Losio]

Ok thank you.
I cannot understand the issue: https://cittadinanzattivarivolta.it/calendario-eventi/
I’ve a simple calendar (fed with Google Calendar) that I can see in all ways – without problems – without Full. If I choose Full, no calendar is shown … very strange.
I’ve built a new calendar with two feeds: same situation. What it can be?

[Ivan Losio]

Here you have the Full calendar: https://cittadinanzattivarivolta.it/programmazione-eventi/
I’ve just see in the codepage that the HTML elements of the calendar are present, but probably something goes wrong.

[Ivan Losio]

I discover that without AJAX option the calendar in Full view is shown.

[room34]

Thanks for letting me know… I have observed that a few sites are having trouble using Full view with AJAX; I think that may be the result of a timing conflict with other JavaScript running on the site. The best approach is probably just to not use the AJAX feature.

Since ICS Calendar loads the entire set of viewable calendar data at once, regardless of whether AJAX is being used or not, the AJAX feature is mainly beneficial in two scenarios: 1) when the calendar contains a large number of recurring events, which can make it a bit slow to render, and 2) when a caching plugin is causing calendar data not to update. AJAX does not make any difference to calendar interactivity once it’s loaded.

[Author]

Posts