javascript scheduler row header bubble callout

A bubble can be displayed on row header hover.

JavaScript

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

ASP.NET WebForms

 
<DayPilot:DayPilotScheduler runat="server" id="DayPilotScheduler1"
  ...
  ResourceBubbleID = "DayPilotBubble1"
/>

<DayPilot:DayPilotBubble ID="DayPilotBubble1" runat="server" 
  CssOnly="true"
  CssClassPrefix="bubble_default"
/>

By default, the Bubble HTML content is determined by calling a server-side event:

  • RenderResourceBubble

The HTML can be set by changing e.InnerHTML:

  • e.InnerHTML = "Event Details";

You can one Bubble control for several controls. The ID of the source control is stored in e.SourceUniqueID property:

  • e.SourceUniqueID

ASP.NET MVC

Not supported yet.