JavaScript/jQuery Gantt - toolbar

Configures toolbar settings.

Type:

dxGanttToolbar

Default Value: null

View Demo

DevExtreme Gantt - Toolbar

items[]

Configures toolbar items' settings.

Type:

Array<dxGanttToolbarItem | String>

Accepted Values: 'separator' | 'undo' | 'redo' | 'expandAll' | 'collapseAll' | 'addTask' | 'deleteTask' | 'zoomIn' | 'zoomOut'

The Gantt UI component allows you to add default and create custom toolbar items.

jQuery
JavaScript
$(function () {
    $("#gantt").dxGantt({
        //...
        toolbar: {
            items: [
                'undo',
                'redo',
                'separator',
                {
                    widget: "dxButton",
                    options: {
                        text: "About",
                        icon: "info",
                        stylingMode: "text",
                        onClick: function () {
                            popupInstance.show();
                        }
                    }
                }
            ]
        }
    });
});