See also bubble.

JavaScript

See also DayPilot.Calendar.columnBubble.

Dynamic Bubble HTML

Provide the HTML in the onLoad event handler of DayPilot.Bubble object.

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

ASP.NET WebForms

 
<DayPilot:DayPilotCalendar runat="server" id="DayPilotCalendar1"
  ...
  ColumnBubbleID = "DayPilotBubble1"
/>

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

Dynamic bubble HTML 

The calendar will fire DayPilotBubble.RenderResourceBubble for Resources view and DayPilotBubble.RenderTimeBubble for day, week, work week, and days views.

.aspx

<DayPilot:DayPilotBubble ID="DayPilotBubble1" runat="server" 
  OnRenderResourceBubble="DayPilotBubble1_RenderResourceBubble"
  OnRenderTimeBubble="DayPilotBubble1_RenderTimeBubble"
/>

.aspx.cs

protected void DayPilotBubble1_RenderResourceBubble(object sender, RenderResourceBubbleEventArgs e)
{
  e.InnerHTML = "Column details, resource id: " + e.ResourceId;
}

ASP.NET MVC

Not supported yet.