JavaScript/jQuery Gantt - toolbar

Configures toolbar settings.

Default Value: null

items[]

Configures toolbar items' settings.

Accepted Values: 'separator' | 'undo' | 'redo' | 'expandAll' | 'collapseAll' | 'addTask' | 'deleteTask' | 'zoomIn' | 'zoomOut' | 'taskDetails' | 'fullScreen' | 'resourceManager' | 'showResources' | 'showDependencies'

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

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