DayPilot.Scheduler.bubble

The bubble property (DayPilot.Bubble) specifies the bubble object that will be used to show event details on hover.

Declaration

DayPilot.Scheduler.bubble

Default Value

new DayPilot.Bubble()

Examples

Simple bubble that displays DayPilot.Event.data.bubbleHtml value:

const dp = new DayPilot.Scheduler("dp", {
  bubble: new DayPilot.Bubble()
});
dp.init();

Bubble with dynamically loaded content:

const dp = new DayPilot.Scheduler("dp", {
  bubble: new DayPilot.Bubble({
    onLoad: (args) => {
      const ev = args.source;
      args.async = true;  // notify manually using .loaded()

      // simulating slow server-side load
      setTimeout(() => {
        args.html = "testing bubble for: <br>" + ev.text();
        args.loaded();
      }, 500);
    }
  })
});
dp.init();

See Also

• DayPilot.Scheduler.cellBubble

• DayPilot.Scheduler.eventHoverHandling

• DayPilot.Scheduler.groupBubble

• DayPilot.Scheduler.resourceBubble

• Bubble Position [doc.daypilot.org]

• DayPilot.Scheduler Class