Guides

The guidance information makes up the major part of the documentation and helps you in actual use of dhtmlxGantt. The chapter is divided into task-oriented manuals that assist you in performing tasks of various complexity. The articles come around key procedures and problem-solving activities.

Check the features available in the Standard and PRO versions of the dhtmlxGantt library.

Creating Gantt Chart on a Page How to Install dhtmlxGantt Initializing Gantt Full List of Extensions	Shows how to install and initialize Gantt and provides the list of available extensions.
How to Start with Gantt and Front-End dhtmlxGantt in Plain JS/HTML dhtmlxGantt with Angular dhtmlxGantt with React dhtmlxGantt with Vue.js dhtmlxGantt with Svelte	Says how to build and configure a standard Gantt on the front-end.
How to Start with Gantt on Server Side dhtmlxGantt with ASP.NET Core dhtmlxGantt with ASP.NET MVC dhtmlxGantt with Node.js dhtmlxGantt with PHP: Laravel dhtmlxGantt with PHP:Slim dhtmlxGantt with Python dhtmlxGantt with Salesforce LWC dhtmlxGantt with Ruby on Rails	Says how to build a standard dhtmlxGantt chart on different server-side platforms and perform common tasks: create database connection, load with data, save changes, store the order of tasks, provide app security, etc.
Configuring Gantt Chart Configuration Gantt Layout Resource Management Event Handling Multiple Charts on a Page Using Gantt on the server	Says how to create Gantt on the server, build a standard Gantt chart on a page and bring it to life: configure with specific settings, customize the default templates, attach events, etc.
Loading and Saving Data Data Loading Server-Side Integration Performance: Ways to Improve	Discusses the ways of loading data into the Gantt chart: different data sources, formats, techniques.
Configuring Grid Area Specifying Columns Resizing Rows in Grid Configuring the Tree Column Reordering Tasks Multi-Task Selection Sorting Columns Grouping Tasks Filtering Tasks Inline Editing in Grid	Focuses on how to work with the grid: specify the required columns and configure them, customize the tree column, enable selection etc.
Configuring Scales Setting up Scale Zooming Highlighting Time Slots Adding Second Scale(s) Dynamic Change of Scale Settings Hiding Time Units in the Scale Adding Vertical Markers RTL (Right-to-left) Mode	Focuses on how to work with the timeline: set the format, unit, step of the main time scale, add second scales and configure them, highlight specific dates etc.
Configuring Lightbox (Edit Form) Configuring Lightbox Elements Working with Lightbox Elements Custom Lightbox Creating Custom Element Changing Buttons in the Lightbox	Focuses on how to work with the lightbox: add/delete controls, get/set controls' values, customize lightbox's appearance, etc.
Configuring Tasks Task Types Task Object/Id Task Parent/Child Basic Operations with Tasks Unscheduled Tasks Split Tasks Multi-Task Selection Work Time Calculation Critical Path Extra Elements in Timeline Custom Elements in Timeline Area Milestones Tooltips for Gantt Elements Displaying Contents of Tasks Read-Only Mode Validation Dragging Tasks within the Timeline Creating/Selecting Tasks with DnD Manually Scheduled Summary Tasks	Covers the basics of performing general operations over task objects, such as adding, deleting, setting the date format, filtering, etc.
Configuring Dependency Links Getting the Link Object/Id Adding/Updating/Deleting Links Auto Scheduling	Covers the basics of performing general operations over dependency objects, such as adding, deleting, getting the dependency object etc.
Exporting and Importing Data Export Service - System Requirements for a standalone install Export to PDF and PNG Export/Import for Excel, Export to iCal Export and Import from MS Project Export and Import from Primavera P6 Serializing Data into XML and JSON Export and Import Data on Node.js	Discusses the ways of exporting and importing Gantt data in various formats, and serializing data into XML and JSON.
Styling CSS Documentation Skins Templates of the Gantt Chart Tasks Coloring Links Coloring and Styling Work with Gantt Styles	Describes the formats and techniques you can use to style the Gantt chart.
Working with Dates Date Format Specification Operations with Dates	Discusses the topics you may need while working with dates in the Gantt chart: converting dates to string and backward, allowable characters in the date format, etc.
Common Features Localization Full Screen Mode Undo/Redo Functionality Popup Messages and Modal Boxes Accessibility Keyboard Navigation Content Security Policy Compliance Integration with JQuery	Guides you through common information you may need while creating a Gantt chart.
How-tos How-tos	Provides practical answers on the the most frequently asked questions about the Gantt chart configuration
User Interface Guide Interface of Gantt Chart	Describes the elements of the Gantt Chart interface from the point of view of the end-user.

Back to top