When we zoom out a lot or when we have short events, they start stacking vertically, even though their times are not in conflict.
Can you reproduce this and is it something that can be solved or a known issue?
Thank you!
Overlaps are resolved at the pixel level to prevent events from being placed on top of each other.
I assume you have already seen the Exact Event Duration docs topic.
You can take a look at this tutorial for options:
In your case, the options are:
Let the events overlap fully by configuring event stacking line height (eventStackingLineHeight: 0).
Force a specific line for each event using the line property (see DayPilot.Event.data object).
Let me know if it didn’t help.
eventStackingLineHeight is not something we want, conflicting events should stack in a new line 100%.
we already implemented the line property before and it wasn’t helping.
Now we also added event.container and the events stopped stacking even after zooming out a lot.
Thank you for your support.
Issue closed from our side.
Great, thanks for the update!