Full List of Extensions

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

To use an extension, you should include the extension code file on the page. Code files of extensions reside in the ext folder of the gantt codebase.

Advanced drag-n-drop

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

<script src="../codebase/ext/dhtmlxgantt_click_drag.js"></script>

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.

<script src="../codebase/ext/dhtmlxgantt_auto_scheduling.js"></script>

Related resources

Article: Auto Scheduling
API: auto_scheduling

Related sample:  Auto Scheduling extension

Content security policy

Allows working with dhtmlxGantt in case Content Security Policy (CSP) is enabled in the application.

<script src="../codebase/ext/dhtmlxgantt_csp.js"></script>

Related resources

Article: Content Security Policy Compliance

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.

<script src="../codebase/ext/dhtmlxgantt_critical_path.js"></script>

Related resources

Article: Critical Path
API: highlight_critical_path

Related sample:  Critical path

Drag Timeline

Allows scrolling timeline views by mouse-drag.

<script src="../codebase/ext/dhtmlxgantt_drag_timeline.js"></script>

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.

<script src="../codebase/ext/dhtmlxgantt_overlay.js"></script>

Related resources

Article: Extra Elements in Timeline Area

Related sample:  Gantt chart with overlay

Full screen

Displays Gantt in the full screen mode.

<script src="../codebase/ext/dhtmlxgantt_fullscreen.js"></script>

Related resources

Article: Full Screen Mode

Related sample:  Full Screen


This extension is available in PRO version only

Allows you to group tasks by any of task attributes.

<script src="../codebase/ext/dhtmlxgantt_grouping.js"></script>

Related resources

Article: Grouping Tasks
API: groupBy

Related sample:  Tasks grouping

Keyboard navigation

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

<script src="../codebase/ext/dhtmlxgantt_keyboard_navigation.js"></script>

Related resources

Article: Accessibility
API: keyboard_navigation,keyboard_navigation_cells

Multitask selection

Allows selecting multiple tasks in Gantt chart at once.

<script src="../codebase/ext/dhtmlxgantt_multiselect.js"></script>

Related resources

Article: Multi-Task Selection
API: multiselect

Related sample:  Multiselection and Indent/Outdent tasks

Quick info

Provides a popup with a task details.

<script src="../codebase/ext/dhtmlxgantt_quick_info.js"></script>

Related resources

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

Related sample:  QuickInfo extension


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

<script src="../codebase/ext/dhtmlxgantt_tooltip.js"></script>

Related resources

Article: Tooltips for Gantt Elements

Related sample:  Tooltip


Allows you to undo/redo the made changes.

<script src="../codebase/ext/dhtmlxgantt_undo.js"></script>

Related resources

Article: Undo/Redo Functionality
API: undo, redo

Related sample:  Undo/Redo changes in Gantt

Vertical marker

Highlights certain dates or date ranges.

<script src="../codebase/ext/dhtmlxgantt_marker.js"></script>

Related resources

Article: Adding Vertical Markers
API: addMarker,show_markers

Related sample:  Today and Status lines in Gantt

Back to top