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

Default Value

new DayPilot.Bubble()


Simple bubble that displays 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();
      }, 500);

Related Properties

See Also