Based on this nested event example, https://bryntum.com/examples/scheduler/nestedevents/
How can I drag the nested event to another event? For, eg, I'd like to drag "Conclusion" to in between "Agenda" and "Outro" without dragging the whole event?
We have an example of draggable events for SchedulerPro. It allows to move nested events only inside a parent event, but should be very helpful for you to understand a concept. https://bryntum.com/examples/scheduler-pro/nested-events/
I suggest you to have a look at DragHelper config as a start.
All the best,
We do not support it in our demos. I've opened a feature request to implement this behavior: https://github.com/bryntum/support/issues/3564
This is not trivial task, and if you need a help with development, you can hire us or become a sponsor of this feature https://www.bryntum.com/services/
To go forward in your solution, check these configs in your DragHelper:
All the best,
Using https://bryntum.com/examples/scheduler-pro/nested-events/ with some changes as below
Set mode: translateXY in Drag
Commented intersectSpans in isNestedEventValid
Set rowHeight : 500 in SchedulerWithSubtasks
Set height: "50px" in eventBodyTemplate
I can drag and drop the event within the same container. But how do I
1) Prevent the nested event from "sticking" to each other? How can I reorder it as if it's a normal multiple events, https://bryntum.com/examples/examples-scheduler/basic/? Sample in Capture.png attachment
2) How to increase or decrease the container height depending on number of stacking nested events, instead of preset it to a large height?
- Capture.PNG (3.15 KiB) Viewed 24 times
As Alex said, this is currently not supported and not trivial to implement. Best idea (if you have budget) would likely be to hire us to implement this feature based on your requirements. If interested, please reach out to us at email@example.com
If by "container" you mean the row, then you can set it in the corresponding resource record. To see it in action go to https://bryntum.com/examples/scheduler/basic/ and then type in the console:
scheduler.resourceStore.first.rowHeight = 100