Finer grid for event moving and resizing

[Andrei]

The scheduler component allows to specify number of slots per hour. The problem with it is that when resizing or dragging events, the events stick to the grid. If finer time resolution is needed for dragging/resizing, I have to specify smaller time slots, and that makes the component really slow, especially when combined with resource grouping (it has to render thousands of table cells).

Is it possible to have finer resize resolution without using smaller time slots?

[Ruksar Moosa Sait]

Hi Andrei,

Could you please get back to us with the below details that help us to validate the issue further and provide the solution earlier?

• Timeslot details
• Current View
• Number of appointments
• Is Virtual Scrolling enabled?
• Is Resource grouping enabled?

Regards,

Ruksar Moosa Sait

[Andrei]

https://codesandbox.io/s/focused-cannon-pt4o9u?

When slotCount is set to 2, the performance is acceptable. Changing it to 12 results in noticable performance degradation. Changing dates and views is laggy, event dragging and scrolling in week view are not smooth

[Ruksar Moosa Sait]

Hi Andrei,

We have checked on your requirement and let you know that the smoothness while dragging the appointment depends on the number of slotCount. Hence a slight performance improvement can be done by setting the interval value to 1 like the below code

onDragStart: function(args) {

      args.interval = 1;

}

Sample: https://codesandbox.io/s/clever-chebyshev-990leq?file=/src/components/HelloWorld.vue

Kindly check the modified sample and let us know if you need any assistance.

Regards,

Ruksar Moosa Sait