Skip to main content

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
});

Article: Creating/Selecting Tasks with DnD

API: click_drag

Sample: Create new tasks by Drag and Drop

Auto scheduling​

note

This extension is available in PRO version only

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

gantt.plugins({
    auto_scheduling: true
});

Article: Auto Scheduling

API: auto_scheduling

Sample: Auto Scheduling extension

Critical path​

note

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
});

Article: Critical Path

API: highlight_critical_path

Sample: Critical path

Drag Timeline​

Allows scrolling timeline views by mouse-drag.

gantt.plugins({
    drag_timeline: true
});

API: drag_timeline

Sample: Drag timeline

Extra overlay​

note

This extension is available in the PRO version only.

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

gantt.plugins({
    overlay: true
});

Article: Custom Elements in Timeline Area

Sample: Gantt chart with overlay and zoom (S-Curve)

Export service​

Provides the possibility to enable the online export service.

gantt.plugins({
    export_api: true
});

Article: Exporting and Importing Data

Full screen​

Displays Gantt in the full screen mode.

gantt.plugins({
    fullscreen: true
});

Article: Full Screen Mode

Sample: Full Screen

Grouping​

note

This extension is available in PRO version only

Allows you to group tasks by any task attributes.

gantt.plugins({
    grouping: true
});

Article: Grouping Tasks

API: groupBy

Sample: Tasks grouping

Keyboard navigation​

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

gantt.plugins({
    keyboard_navigation: true
});

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
});

Article: Multi-Task Selection

API: multiselect

Sample: Multiselection and Indent/Outdent tasks

Quick info​

Provides a popup with task details.

gantt.plugins({
    quick_info: true
});

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

Quick Info (Touch Support)

Sample: QuickInfo extension

Tooltip​

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

gantt.plugins({
    tooltip: true
});

Article: Tooltips for Gantt Elements

Sample: Tooltip

Undo​

Allows you to undo/redo the made changes.

gantt.plugins({
    undo: true
});

Article: Undo/Redo Functionality

API: undo, redo

Sample: Undo/Redo changes in Gantt

Vertical marker​

Highlights certain dates or date ranges.

gantt.plugins({
    marker: true
});

Article: Adding Vertical Markers

API: addMarker,show_markers

Sample: Today and Status lines in Gantt (vertical markers)

Need help?
Got a question about the documentation? Reach out to our technical support team for help and guidance. For custom component solutions, visit the Services page.
Need more help?Contact Support