AUTHOR: Marin Bratanov
DATE MODIFIED : January 11, 2018
DATE POSTED: January 01, 2018
When I drag the top bar of an appointment (the start time), it causes the end time to increase - the appointment gets "longer". This is only a UI issue, as when I stop dragging and the OnClientAppointmentResizeEnd event fires, the end time is still the original end time and when the scheduler is rebound, all looks fine.
The issue stems from custom border styles set to the appointments in the AppointmentDataBound event. The presence of the inline rules causes issues with the size calculation logic.
Use the Lightweight RenderMode. This will also allow you to easily use CSS to style the appointments, instead of inline rules.
You can find attached an archive that demonstrates the problem and a sample workaround that also demonstrates how to use CSS with the Lightweight RenderMode.