Calendar: Extended ToolTips (Bubbles)

bubble.png

Target Objects

DayPilotBubble control can show details for several objects on mouse hover:

  • Calendar events (BubbleID property)
  • Background cells (CellBubbleID property)
  • Column headers (ColumnBubbleID property)

The same DayPilotBubble control can be assigned to all bubble properties. You can identify the source control and object from the EventArgs:

  • The Render event handler receives DayPilot.Web.Ui.Events.Bubble.RenderEventArgs. This class is generic and only helps you with identifying the source control (SourceUniqueID property).
  • You need to identify the class type and cast it acordingly. It can be one of the following classes:
    • RenderCellBubbleEventArgs (Start, End, and ResourceID properties)
    • RenderEventBubbleEventArgs (Value property)
    • RenderResourceBubbleEventArgs (ResourceID property)
  • The output HTML should be set using InnerHTML property.

Activation Modes

Calendar events

  • hover
  • click (single click, double click, right click)

Background cells

  • hover

Column headers

  • hover

Click Activation (for Calendar Events)

Available for the following events:

  • EventClick
  • EventDoubleClick
  • EventRightClick

At this moment it's only supported in DayPilotCalendar. Other controls (DayPilotScheduler, DayPilotMonth, DayPilotSchedulerDynamic) will follow.

In order to show the bubble only upon event click do the following:

  1. Set EventClickHandling to "Bubble".
  2. Set EventHoverHandling to "Disabled" (the default "Bubble value would activate the bubble on hover).
  3. Assign your DayPilotBubble control id to BubbleID property.
  4. Set DayPilotBubble.HideAfter property to "0" (this will prevent automatic bubble hiding on mouseout).

DayPilot for ASP.NET WebForms, DayPilot for ASP.NET MVC, DayPilot for Java