Weekly Calendar - Multiple events at the same time handling

[cocarrig]

Description: Currently, weekly calendar is tiling multiple events scheduled for the same time. This is hiding most of the event details for the event placed farthest to the left. Creating this case to split these events 50/50 to present a better display to the user.

Review will also be needed in this effort to ensure that this will not negatively impact instances of 3-4 overlapping events.

[Dan-Peck]

After reviewing with the team and exploring options for this request, it was found that with the high variability of potential scenarios of events overlapping each other (particularly with busy calendars), the current rendering provides the best available view. However, the following points may help alleviate this particularly scenario where two events occur at the same time/timeframe:

• If using an interactive display, hovering over any events that are situated below others will pop it up to the top
• Reducing the number of days being displayed, in block configuration settings, will provide additional width real estate that will help view more text on each event
• Decreasing font size of the block may also help fit more of the textual information into the calendar
• Using this calendar type on a display that has high resolution (e.g., 4K) can help quite a bit
• Applying Custom CSS could change the amount of indentation that occurs when events take place in the same hour lane. For example:

  
  .cal-weekly-grid>.grid-item.overlap-lvl-1,
  .cal-weekly-grid>.grid-item.overlap-lvl-3 {
  margin-left: 50% !important;
  }

.cal-weekly-grid>.grid-item.overlap-lvl-2, .cal-weekly-grid>.grid-item.overlap-lvl-4 { margin-left: 0% !important; }

This will change the offset to 50%, allowing more of the first event to show through.  Note, however, that when more than 2 events occur in the same time frame, they may be obscured by the first two, such that you cannot see them.
- If these solutions still do not satisfy the need, consider using one of our other Calendar Types that may be able to display the event data in a more applicable manner.