Full List of Extensions

dhtmlxGantt includes a set of extensions which add extra functionality to the standard behavior.

To use an extension, you should activate the plugin with the help of the gantt.plugins method.

Advanced drag-n-drop

Provides the possibility to create and select tasks with drag-n-drop.

gantt.plugins({
    click_drag: true
});

Related resources

Article: Creating/Selecting Tasks with DnD
API: click_drag

Related sample:  Create new tasks by Drag and Drop

Auto scheduling

This extension is available in PRO version only

Allows you to schedule tasks automatically depending on relations between them.

gantt.plugins({
    auto_scheduling: true
});

Related resources

Article: Auto Scheduling
API: auto_scheduling

Related sample:  Auto Scheduling extension

Critical path

This extension is available in PRO version only

Presents a sequence of tasks that can't be delayed without affecting the whole project's deadline. The critical path also determines the shortest time the project can take.

gantt.plugins({
    critical_path: true
});

Related resources

Article: Critical Path
API: highlight_critical_path

Related sample:  Critical path

Drag Timeline

Allows scrolling timeline views by mouse-drag.

gantt.plugins({
    drag_timeline: true
});

Related resources

API: drag_timeline

Related sample:  Drag timeline

Extra overlay

Provides the possibility to add an extra layer over the Gantt Chart for placing some custom content into it.

gantt.plugins({
    overlay: true
});

Related resources

Article: Extra Elements in Timeline Area

Related sample:  Gantt chart with overlay

Full screen

Displays Gantt in the full screen mode.

gantt.plugins({
    fullscreen: true
});

Related resources

Article: Full Screen Mode

Related sample:  Full Screen

Grouping

This extension is available in PRO version only

Allows you to group tasks by any of task attributes.

gantt.plugins({
    grouping: true
});

Related resources

Article: Grouping Tasks
API: groupBy

Related sample:  Tasks grouping

Keyboard navigation

Allows navigating the gantt chart with the help of the keyboard.

gantt.plugins({
    keyboard_navigation: true
});

Related resources

Article: Accessibility, Keyboard Navigation
API: keyboard_navigation,keyboard_navigation_cells

Multitask selection

Allows selecting multiple tasks in Gantt chart at once.

gantt.plugins({
    multiselect: true
});

Related resources

Article: Multi-Task Selection
API: multiselect

Related sample:  Multiselection and Indent/Outdent tasks

Quick info

Provides a popup with a task details.

gantt.plugins({
    quick_info: true
});

Related resources

Article: Templates of the 'Quick Info' Extension (Touch Support),
Quick Info (Touch Support)

Related sample:  QuickInfo extension

Tooltip

Gives the possibility to add extra information for users without overflowing the screen with the text.

gantt.plugins({
    tooltip: true
});

Related resources

Article: Tooltips for Gantt Elements

Related sample:  Tooltip

Undo

Allows you to undo/redo the made changes.

gantt.plugins({
    undo: true
});

Related resources

Article: Undo/Redo Functionality
API: undo, redo

Related sample:  Undo/Redo changes in Gantt

Vertical marker

Highlights certain dates or date ranges.

gantt.plugins({
    marker: true
});

Related resources

Article: Adding Vertical Markers
API: addMarker,show_markers

Related sample:  Today and Status lines in Gantt

Back to top