EventMenu

Displays a context menu for events. Items are populated by other features and/or application code.

Default event menu items

Here is the list of menu items provided by the feature and populated by the other features:

¹ Set showEventColorPickers to true to enable this item

Customizing the menu items

The menu items in the Event menu can be customized, existing items can be changed or removed, and new items can be added. This is handled using the items config of the feature.

Add extra items for all events:

const scheduler = new Scheduler({
    features : {
        eventMenu : {
            items : {
                extraItem : {
                    text : 'Extra',
                    icon : 'fa fa-fw fa-flag',
                    onItem({eventRecord}) {
                        eventRecord.flagged = true;
                    }
                }
            }
        }
    }
});

Remove existing items:

const scheduler = new Scheduler({
    features : {
        eventMenu : {
            items : {
                deleteEvent   : false,
                unassignEvent : false
            }
        }
    }
});

Customize existing item:

const scheduler = new Scheduler({
    features : {
        eventMenu : {
            items : {
                deleteEvent : {
                    text : 'Delete booking'
                }
            }
        }
    }
});

Manipulate existing items for all events or specific events:

const scheduler = new Scheduler({
    features : {
        eventMenu : {
            // Process items before menu is shown
            processItems({eventRecord, items}) {
                 // Push an extra item for conferences
                 if (eventRecord.type === 'conference') {
                     items.showSessionItem = {
                         text : 'Show sessions',
                         onItem({eventRecord}) {
                             // ...
                         }
                     };
                 }

                 // Do not show menu for secret events
                 if (eventRecord.type === 'secret') {
                     return false;
                 }
            }
        }
    }
});

Note that the menuContext is applied to the Menu's item event, so your onItem handler's single event parameter also contains the following properties:

• source The Scheduler whose UI was right-clicked.
• targetElement The element right-clicked on.
• eventRecord The event record clicked on.
• resourceRecord The resource record clicked on.
• assignmentRecord The assignment record clicked on.

Video guides

Full information of the menu customization can be found in the "Customizing the Event menu, the Schedule menu, and the TimeAxisHeader menu" guide.

This feature is enabled by default