DayPilot Knowledge Base

AJAX Calendar/Scheduling Controls
DayPilot Pro (AJAX Calendar Control)
» DayPilot ASP.NET Calendar
DayPilot Pro (AJAX Monthly Calendar Control)
» DayPilot ASP.NET Monthly Calendar
DayPilot Pro (AJAX Scheduler Control)
» DayPilot ASP.NET 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 use clientState property
Default Bubble CSS Theme
How to show a modal dialog in ASP.NET MVC 3 Razor