ScheduleMenu

Displays a context menu for empty parts of the schedule. Items are populated in the first place by configurations of this Feature, then by other features and/or application code.

Default scheduler zone menu items

The Scheduler menu feature provides only one item:

>

first level of submenu

Customizing the menu items

The menu items in the Scheduler 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 item:

const scheduler = new Scheduler({
    features : {
        scheduleMenu : {
            items : {
                extraItem : {
                    text : 'Extra',
                    icon : 'fa fa-fw fa-flag',
                    onItem({date, resourceRecord, items}) {
                        // Custom date based action
                    }
                }
            }
        }
    }
});

Remove existing item:

const scheduler = new Scheduler({
    features : {
        scheduleMenu : {
            items : {
                addEvent : false
            }
        }
    }
});

Customize existing item:

const scheduler = new Scheduler({
    features : {
        scheduleMenu : {
            items : {
                addEvent : {
                    text : 'Create new booking'
                }
            }
        }
    }
});

Manipulate existing items:

const scheduler = new Scheduler({
    features : {
        scheduleMenu : {
            // Process items before menu is shown
            processItems({date, resourceRecord, items}) {
                 // Add an extra item for ancient times
                 if (date < new Date(2018, 11, 17)) {
                     items.modernize = {
                         text : 'Modernize',
                         ontItem({ date }) {
                             // Custom date based action
                         }
                     };
                 }

                 // Do not show menu for Sundays
                 if (date.getDay() === 0) {
                     return false;
                 }
            }
        }
    }
});

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