Reducing width of events in Weekly calendar view when there are overlaps

[Kris LaGreca]

We’ve encountered some problematic situations on the Weekly calendar view layout where events with overlapping times are layered in such a way that event titles are obscured. Is there a way to modfiy the styling so that we can reduce the widths of the events in this scenario (so that we can show them side-by-side instead.

Screenshot (on your demo) of what I’m seeing: http://prntscr.com/ejjqgq

This can be found on http://wpshindig.com/events/week/

[Kris LaGreca]

Surfacing

[Hunter]

Welcome back,

We have a bug logged resembling what you’ve described, so I’ve added this forum thread to the ticket which helps expedite the process of getting a fix included in an upcoming release. I don’t have a precise date when it will be available, but please stay tuned to our Release Notes and the plugin changelogs for more information. Thanks again and let me know if you’ve got any additional questions or comments. Cheers!

[Kris LaGreca]

Following up on this one – it looks like it hasn’t made it into the past 2 releases.

[Kris LaGreca]

This reply is private.

[Geoff B.]

This reply is private.

[Support Droid]

Hey there! This thread has been pretty quiet for the last three weeks, so we’re going to go ahead and close it to avoid confusion with other topics. If you’re still looking for help with this, please do open a new thread, reference this one and we’d be more than happy to continue the conversation over there.

Thanks so much!
The Events Calendar Support Team

[Nico]

Hi there,

Just wanted to share with you that a new maintenance release is out containing an improvement to help customers customize week view. Specifically when there are more than two events running on the same day. Please note this is not an ‘automatic’ fix, we just added some classes to make things easier to customize. We took this decision as there was no simple way of fitting 3 or more events in the week view grid as it’s designed right now. As this is not a widespread issue among our customer base it didn’t made sense to think in a re-design / re-estructure of how events are displayed in week view.

Basically when events run in the same time a CSS class like tribe-event-shared-start-time-1 and tribe-event-shared-start-time-2 is added.. These Classes identify If this event is the first, second, etc event to start on a given time. This allows to easily hide the events that don’t fit in there (third, fourth, etc) or apply a custom rule to adjust the display.

Find out more about this release → https://theeventscalendar.com/maintenance-release-week-21-august-2017/

Best,
Nico

[Author]

Posts