DayPilot.Queue.bubble

The bubble property specifies the DayPilot.Bubble object that will be used to show a callout with event details on hover.

Available since version 2022.4.5467.

Default Value

new DayPilot.Bubble()

Examples

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

queue.bubble = new DayPilot.Bubble();

Bubble with dynamically loaded content:

queue.bubble = new DayPilot.Bubble({
  onLoad: async (args) => {
      var ev = args.source;
      args.async = true;  // notify manually using .loaded()

      const {data} = await DayPilot.Http.get(`/details/${ev.id()}`);
      args.html = data;
  }
});

Related Properties