Adding Event Bubble to DayPilot Calendar

1. Create the Bubble object

Create the bubble object using the HTML helper:

<%=Html.DayPilotBubble("bubble", new DayPilotBubbleConfig{})%> 

Note that the bubble init code should be placed above DayPilot Calendar control init code.

2. Link the Bubble to calendar events

Add EventBubble property to the DayPilot Calendar config:

EventBubble="bubble"

Use the Bubble id as the EventBubble value.

Example

<%=Html.DayPilotBubble("bubble", new DayPilotBubbleConfig{})%>

<%=Html.DayPilotCalendar("dpc", new DayPilotCalendarConfig(Silver.Theme)
   {
     ...
     EventBubble = "bubble"
})%>

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