For event targets the bubble can be displayed at one of the following positions (position property):

  • "Above" - above the source element, aligned to the upper-left corner; if there is not enough room above the element, it will be displayed below
  • "Mouse" - at the current mouse position.

Other elements

All other elements will use the "Mouse" position. 

JavaScript Example

This example specifies a custom Bubble object that will be used for Scheduler event bubbles (see also the DayPilot.Scheduler.bubble property).

The DayPilot.Bubble object uses a custom position property value:

const scheduler = new DayPilot.Scheduler({
  bubble: new DayPilot.Bubble({
    position: "Mouse"
    // ..
  // ..