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 Xamarin UI Controls

Deliver high-impact native mobile apps with our feature-rich Data Grid, Scheduler, Chart, TabView, Editors, and utility controls. Reserve your free copy today!
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 B (DevExpress)

Hi Mike,

Please refer to the solution described in this GitHub Issue.

9 June 2021

Please login or register to post comments.