DayPilot.Scheduler.bubble

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

Default Value

new DayPilot.Bubble()

Examples

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

dp.bubble = new DayPilot.Bubble();

Bubble with dynamically loaded content:

dp.bubble = new DayPilot.Bubble({
  onLoad: function(args) {
      var ev = args.source;
      args.async = true;  // notify manually using .loaded()
      
      // simulating slow server-side load
      setTimeout(function() {
          args.html = "testing bubble for: <br>" + ev.text();
          args.loaded();
      }, 500);
  }
});

Related Properties

See Also