DayPilot - Open-Source Outlook-Like Calendar/Scheduling Control for ASP.NET
Try the online demo: AJAX-style event creating, moving, resizing, and deleting • Context menu • Day view • Work week view • Week view • Month view • Horizontal/vertical resources view • PostBack/AJAX/JavaScript event handling • Binding to XmlDataSource, SqlDataSource, DataTable, ArrayList • Custom event formatting • UpdatePanel compatibility

Extended ToolTips (bubbles)

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 Pro is an advanced DayPilot edition. You can check a thumbnail overview of the most interesting features. There is also an online demo with all the features working (including the AJAX features). If you want to test the design-time support and API you can download a fully functional trial version. And if you like it, you can buy a full version with source code and 12 months of upgrades and support (with a 30-days money back guarantee).

DayPilot Lite is a do-it-yourself open-source edition of DayPilot. Although it misses some DayPilot Pro features, there are thousands of developers using it to build calendar, personal scheduling, and resource booking applications.

Questions or suggestions? Try DayPilot forums or contact us directly.