How to adjust the position of appointment in the scheduler ?

[RAVI KUMAR]

In Syncfusion, I am using the WorkWeek view with the time range from 22:00 to 23:00.
I divide that one-hour window into 58 rows, where each row represents 1 pet.

When I add an appointment, it adjusts correctly — both the start and end time are accurate for the first appointment. The second appointment also gets the correct times, but the issue is that appointments are overlapping each other.

Eg., this happens in the Group 2 column on Sunday, 27th as shown in the image.

The problem seems to be with how the scheduler positions the appointments. For some appointments, the position is perfect, but for others, the scheduler assigns them a random or incorrect vertical position, causing overlaps.

How can I ensure that each appointment is placed in the correct vertical position without overlapping?
I'm looking for a way to consistently adjust or override the appointment positioning logic in Syncfusion Scheduler.

I already try with element.style.top change.its chnaging ethe top of every appointment.

Attachment: image_4_787932d4.png

[Vijay Ravi]

Hi RAVI KUMAR,
 

We have reviewed and validated your reported query. To investigate further, we created a React sample with workweek resource configuration and added multiple events as described to observe any overlapping issues. However, we did not encounter any issues during our testing and were unable to reproduce the reported problem on our end.
 

To help us investigate further and accurately replicate the issue, we kindly request the following additional details. This information will assist us in better understanding the scenario and addressing the problem effectively.

 

• If possible, Share the simple issue replicating sample or
• Replicate the issue in our shared sample.
• Share the hosted sample link.
• Share the styles customization code that you used in your sample
• Share the entire schedule related code snippets,
• Share the entire appointment details.

Sample link: https://stackblitz.com/edit/react-29bwpins-bmvadwjc?file=index.js

 

Please get back to us with the required details for further assistance.

Regards,

Vijay

[Clone12 job]

Adjusting appointment slots in Syncfusion Scheduler helps developers facing overlapping issues quickly optimize scheduling features.

[Vijay Ravi]

Hi Customer,

During our testing, we adjusted the appointment slots to investigate the issue. However, we did not encounter any overlapping problems and were unable to reproduce the reported issue on our end. We suspect that the issue in your application occurs due to custom styles overriding the sample end.To help us investigate further and accurately replicate the issue, we kindly request the following additional details. This information will assist us in better understanding the scenario and addressing the problem effectively.

 

• If possible, Share the simple issue replicating sample or
• Replicate the issue in our shared sample.
• Share the hosted sample link.
• Share the styles customization code that you used in your sample
• Share the entire schedule related code snippets,
• Share the entire appointment details.

Sample link: https://stackblitz.com/edit/react-29bwpins-bmvadwjc?file=index.js

 

Please get back to us with the required details for further assistance.

[Clone12 job]

Thanks you

[Swathi Ravi]

Dear Customer,

You're welcome! Feel free to reach out to us if you need any assistance.

Regards,
Swathi