DayPilot Knowledge Base

AJAX Calendar/Scheduling Controls
DayPilot Pro (AJAX Calendar Control)
» DayPilot AJAX Calendar
DayPilot Pro (AJAX Monthly Calendar Control)
» DayPilot AJAX Monthly Calendar
DayPilot Pro (AJAX Scheduler Control)
» DayPilot AJAX Scheduler
DayPilot » Knowledge Base » How to show a calendar event Bubble using JavaScript

How to show a calendar event Bubble using JavaScript

Last revision: Jun 11, 2012

calendar-event-bubble-ajax.png 

The event bubble can be activated for calendar events using the following settings:

EventClickHandling="Bubble"
BubbleID="DayPilotBubble1"

If you need to activate the bubble manually using JavaScript, you can do it by passing the "e" (DayPilot.Event) object to DayPilot.Bubble.showEvent() method:

EventClickHandling="JavaScript"
EventClickJavaScript="openBubble(e)"

JavaScript

<script type="text/javascript">
function openBubble(e) {
  bubble.showEvent(e);
}
</script>

Where "bubble" is the value of DayPilotBubble.ClientObjectName.

Related

How to show cell Bubble using JavaScript
How to redirect the user to another page after clicking a calendar event
How to show a modal dialog in ASP.NET MVC 3 Razor
How to show event details in a modal dialog (modal.js)