Bubbles (Extended ToolTips)

bubbles-extended.png

DayPilot Bubble control can show details for several objects on mouse hover:

  • Calendar events (BubbleID property)
  • Background cells (CellBubbleID property)
  • Resource headers (ResourceBubbleID property)

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

  • RenderCellBubble
  • RenderEventBubble
  • 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

Example

Assigning

    <daypilot:daypilotscheduler id="DayPilotScheduler1" runat="server" 
        ...
        BubbleID="DayPilotBubble1" 
        ShowToolTip="False" 
        ></daypilot:daypilotscheduler>

DayPilotBubble Declaration

    <DayPilot:DayPilotBubble ID="DayPilotBubble1" runat="server" 
       OnRenderContent="DayPilotBubble1_RenderEventBubble" ClientObjectName="bubble">
    </DayPilot:DayPilotBubble>

Output HTML

protected void DayPilotBubble1_RenderEventBubble(object sender, RenderEventBubbleEventArgs e)
{
  e.InnerHTML = "<b>Event details</b><br />Here is the right place to show details about the event with ID: " + re.Value + ". This text is loaded dynamically from the server.";
}

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