Angular component inside event disappears when scrolling right

Asked by AC
2 months ago.

onBeforeEventDomAdd works great to insert a custom Angular component inside the event.

If we however scroll the timeline horizontally, all the events on the left side that are cut off, lose the custom content.

As can be seen in the image, the horizontal scrollbar was moved, the content of the left event should look the same as the content of the right event.

daypilot-scroll-problem-99.png

Answer posted by Dan Letecky [DayPilot]
2 months ago.

This is caused by floating events, a feature that displays the event text floating at the viewport edge when scrolling to the right. Angular components can’t be displayed in the floating part but you can turn it off:

config: DayPilot.SchedulerConfig = {
  floatingEvents: false,
  // ...
}

Comment posted by AC
2 months ago.

Beautiful, works like a charm. Thank you so much, Dan.

daypilot-scroll-solution-99.png

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

Angular component inside event disappears when scrolling right

Products

Learn

Get Support

DayPilot Pro