The bubbleCell property (DayPilot.Bubble) specifies the bubble object used to show details for Gantt grid cells on hover.
Declaration
DayPilot.Gantt.bubbleCell
Default Value
null
Notes
Assign a DayPilot.Bubble instance to show or customize details when the user hovers over a Gantt grid cell.
Examples
JavaScript
const gantt = new DayPilot.Gantt("dp", {
bubbleCell: new DayPilot.Bubble(),
// ...
});
gantt.init();
Angular
<daypilot-gantt [config]="config"></daypilot-gantt>
config: DayPilot.GanttConfig = {
bubbleCell: new DayPilot.Bubble(),
// ...
};
React
<DayPilotGantt
bubbleCell={bubbleCell}
{/* ... */}
/>
const bubbleCell = new DayPilot.Bubble();
Vue
<DayPilotGantt :bubbleCell="bubbleCell" <!-- ... --> />
const bubbleCell = new DayPilot.Bubble();
See Also
Availability
Availability of this API item in DayPilot editions:
| Product | Lite | Pro |
|---|---|---|
| DayPilot for JavaScript |
DayPilot