DayPilot » Knowledge Base » How to show a calendar event Bubble using JavaScript

 

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.