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 cell Bubble using JavaScript

How to show cell Bubble using JavaScript

Last revision: May 15, 2012

You can show the bubble for a background cell using this undocumented method. Please note that the API may change in the future.

var cell = {};
cell.calendar = calendar;  // use ClientObjectName, works for Scheduler and Month as well
cell.start = start; // DayPilot.Date
cell.end = end; // DayPilot.Date
cell.resource = res; // resource id, can be null
cell.toJSON = function() {
  var json = {};
  json.start = this.start;
  json.end = this.end;
  json.resource = this.resource;
  return json;

// if staticBubbleHTML() is defined the bubble will show its result instead of calling the server
cell.staticBubbleHTML = function() {
  return "Details";

The bubble will be displayed at the current mouse position.


How to show a calendar event Bubble using JavaScript
How to get the scrollbar position as date/time (client side)
How to use clientState property
How to add an event to the scheduler on the client side (JavaScript)