Events start to stack vertically when very small

Asked by Alex K.
1 months ago.

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!

Comment posted by Dan Letecky [DayPilot]
1 months ago.

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:

  1. Let the events overlap fully by configuring event stacking line height (eventStackingLineHeight: 0).

  2. Force a specific line for each event using the line property (see DayPilot.Event.data object).

Let me know if it didn’t help.

Answer posted by Alex K.
1 months ago.

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.

Comment posted by Dan Letecky [DayPilot]
1 months ago.

Great, thanks for the update!

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