Events movable if time range over it is selected

Asked by Anonymous
6 months ago.

We are developers of RTM.

We added the functionality in our Scheduler that if you select a time range, all events in that time range are selected as well. Until now we only needed that for the context menu. We also implemented a “Multi Drag and Drop” of events. A requested use case was that if events are selected through a time range select, it should also be possible to use drag and drop on those events. Now when the time range is drawn over selected events, the events can’t be drag and dropped. Would it be possible to make them drag and droppable, even when the time range is drawn over them?

feature javascript

Answer posted by Dan Letecky [DayPilot]
6 months ago.

The Scheduler includes a built-in tool for selecting multiple events using drag and drop - the rectangle selection. You can switch it to row-only mode to only select events in the same row. It disappears automatically after the selection is complete, leaving the events selected.

You can use time range selection for this purpose but it is rendered over events. If you don’t clear the selection in the onTimeRangeSelected event handler it will stay visible and block access to the underlying events.

You can try the following solutions:

You can clear the selection and apply a custom color to the selected background cells using onBeforeCellRender.
You can try adding pointer-events: none CSS style to the shadow (scheduler_default_shadow class). However, this is not tested and it may have undesired side effects (e.g., you won’t be able to open the selection context menu using right click).

Comment posted by Anonymous
6 months ago.

Ok thanks for the reply!

This question is more than 1 months old and has been closed. Please create a new question if you have anything to add.

Events movable if time range over it is selected

Products

Learn

Get Support

DayPilot Pro