• Material
  • Fabric
  • Bootstrap
  • Bootstrap v4
  • High Contrast
Preferences
Theme Selection
Mode Selection
Touch
Mouse
Essential JS 2
HOME
All Controls

Button

This example illustrates how to enable the context menu on Scheduler and perform its related actions based on the selected menu options.

DEMO
SOURCE

In this example, we have integrated the ContextMenu control separately from application end and set its target to Scheduler control. Also, we have used the public methods openEditor through which the default event editor is set to open for saving or updating the appointments, deleteEvent to delete the selected appointment, and selectedDate to navigate to today's date. In mobile devices, the context menu will open when you tap hold on the cells or events.