DayPilot.Kanban.bubble

The bubble property specifies the DayPilot.Bubble object that will be used to show event details on hover.

Declaration

DayPilot.Kanban.bubble

Default Value

null

Examples

JavaScript

const kanban = new DayPilot.Kanban("dp", {
  bubble: new DayPilot.Bubble(),
  // ...
});
kanban.init();

A bubble can also load its content on demand from an API endpoint using onLoad.

const kanban = new DayPilot.Kanban("dp", {
  bubble: new DayPilot.Bubble({
    onLoad: async (args) => {
      const card = args.source;
      args.async = true;

      const { data } = await DayPilot.Http.get(`/api/bubbleContent/${card.data.id}`);

      args.html = data.html;
      args.loaded();
    }
  }),
  // ...
});
kanban.init();

Angular

<daypilot-kanban [config]="config"></daypilot-kanban>

config: DayPilot.KanbanConfig = {
  bubble: new DayPilot.Bubble(),
  // ...
};

React

<DayPilotKanban
  bubble={bubble}
  {/* ... */}
/>

const bubble = new DayPilot.Bubble();

Vue

<DayPilotKanban
  :bubble="bubble"
  <!-- ... -->
/>

const bubble = new DayPilot.Bubble();

See Also

Card Bubble [doc.daypilot.org]

DayPilot.Kanban Class

DayPilot.Kanban.cards.list