DevExtreme React Scheduler - Enhanced Rendering for Overlapped Events/Appointments (An Update to our Roadmap)

Wanted to keep everyone in the loop about a change to our React Scheduler’s v20.2 Roadmap.
We’ve updated our Roadmap with a new feature – one that will improve the presentation of overlapped event/appointment information. This new implementation replaces our plans for a “Compact Appointment View”.

v20.2 Roadmap Update: Enhanced Rendering for Overlapped Events/Appointments

We’ll significantly improve readability of our React Scheduler via efficient usage of available free screen space. In Week and Day views, overlapped appointments will be distributed evenly across the cell’s width and will consume as much space as possible. If enough room exists to display appointment title and dates, appointments are layered one above another.


We think this approach will significantly improve the usability of our React Scheduler control. Your feedback is always welcome. Please tell us what you think in the comment section below.

Free DevExpress Products – Get Your Copy Today

The following free DevExpress product offers remain available. Should you have any questions about the free offers below, please submit a ticket via the DevExpress Support Center at your convenience. We’ll be happy to follow-up.
This looks great!
22 May 2020
Mike Airey

Is there (or will there be) any way to switch back to the old side-by-side rendering of overlapped events/appointments?

Our scheduler layout and event summary components are designed for side-by-side overlaps. They can be narrowed down almost arbitrarily and do not need to support drag-and-drop. It would be nice to be able to lay them out as we need them without having to reimplement all the width and position calculations ourselves.

TIA for any feedback!

8 June 2021
Alex B (DevExpress)
Alex Bykov (DevExpress)

Hi Mike,

Please refer to the solution described in this GitHub Issue.

9 June 2021

Please login or register to post comments.