DayPilot.Calendar.eventRightClickHandling

The eventRightClickHandling property (string) specifies the default action when the user right-clicks an event in the JavaScript Calendar component.

Declaration

DayPilot.Calendar.eventRightClickHandling

Possible Values

• "Enabled" - enables the right-click event pipeline without assigning a built-in UI action.

• "Disabled" - disables built-in event right-click handling.

• "ContextMenu" - shows the event context menu configured using DayPilot.Calendar.contextMenu.

• "Bubble" - shows the bubble configured using DayPilot.Calendar.bubble (DayPilot Pro only).

• "CallBack" - delegates the right-click action to server-side callback handling (DayPilot Pro only; ASP.NET WebForms, ASP.NET MVC, and Java versions only).

• "PostBack" - delegates the right-click action using PostBack (ASP.NET WebForms only).

Default Value

"ContextMenu"

Notes

Use DayPilot.Calendar.onEventRightClick to inspect or cancel the action before the default behavior runs, and use DayPilot.Calendar.onEventRightClicked after the default action completes.

"ContextMenu" requires DayPilot.Calendar.contextMenu to be defined; otherwise no custom event menu will be shown.

Use "Bubble" together with DayPilot.Calendar.bubble when you want to show event details on right click instead of hover.

Examples

JavaScript

const bubble = new DayPilot.Bubble();
const calendar = new DayPilot.Calendar("dp", {
  bubble,
  eventRightClickHandling: "Bubble",
  // ...
});
calendar.init();

Angular

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

config: DayPilot.CalendarConfig = {
  bubble: new DayPilot.Bubble(),
  eventRightClickHandling: "Bubble",
  // ...
};

React

<DayPilotCalendar
  bubble={bubble}
  eventRightClickHandling="Bubble"
  {/* ... */}
/>

const bubble = new DayPilot.Bubble();

Vue

<DayPilotCalendar
  :bubble="bubble"
  eventRightClickHandling="Bubble"
  <!-- ... -->
/>

const bubble = new DayPilot.Bubble();

See Also

Event Context Menu [doc.daypilot.org]

Event Bubble [doc.daypilot.org]

DayPilot.Calendar.contextMenu

DayPilot.Calendar.bubble

DayPilot.Calendar.onEventRightClick

DayPilot.Calendar.onEventRightClicked

DayPilot.Calendar Class