DHTMLX Blog - Tutorials

How to Create a Basic Gantt Chart with Salesforce Lightning [Video Guides]

by Eugene Panchenko

July 21, 2020

4 min read

Updated on June 8, 2023. Introduction If you’re developing a project management application based on the Salesforce Lightning platform, you probably use the Lightning Web Components (LWC) that significantly simplify and accelerate the process of buil...

How to set up inline editors and edit JavaScript Gantt data on the fly

by Kotryna Kairyte

June 11, 2020

7 min read

An essential feature of Gantt charts is the ability to edit projects' data quickly. In this video tutorial, we're going to share tips on how to set up inline editing and enable end-users to create and change Gantt tasks right ...

How to Use DHTMLX Gantt with Vue.js Framework [Demo]

by Maria

January 30, 2020

9 min read

Firstly published on May 11, 2017. Updated on October 10, 2022 What's extremely awesome about our Gantt Chart library (besides fast performance and vast variety of features) is that it allows integrations with almost all ne...

How to Reorder Tasks in the Grid of JavaScript Gantt – DHTMLX Video Tutorial

by Kotryna Kairyte

November 29, 2019

3 min read

While managing projects, users may face the need to change the order of tasks or move tasks between several Gantt projects. Today we'll get acquainted with the ways of implementing this functionality in DHTMLX Gantt. Ou...

How to Manage Columns Visibility in the Grid of dhtmlxGantt – Video Tutorial

by Kotryna Kairyte

September 20, 2019

3 min read

Let's keep on learning all the valuable possibilities of our JavaScript Gantt library with the help of our video tutorials. In the fourth video from our series, we'll dive into managing the columns visibility in the grid...

How to Filter Tasks in a JavaScript Gantt – DHTMLX Video Tutorial

by Kotryna Kairyte

August 12, 2019

3 min read

Here we go with a new video tutorial about JavaScript Gantt configuration. We'll learn a common approach to implementing filtering and searching for tasks in the grid of dhtmlxGantt: Let's take a look at the example of ...

How to Add Custom Elements into the Grid of JavaScript Gantt – DHTMLX Gantt Video Tutorial

by Kotryna Kairyte

May 25, 2019

4 min read

Here is a second video from a series of tutorials devoted to the configuration of the grid in dhtmlxGantt. In this video, we'll discuss how all kinds of buttons, icons, and dropdown menus can be added into the grid cells and h...

How to Specify Columns of the Grid in Gantt – DHTMLX Gantt Video Tutorial

by Kotryna Kairyte

April 10, 2019

7 min read

We're happy to announce a new series of our video tutorials devoted to the configuration of DHTMLX Gantt chart! In the first video from our series, we'll show you how to specify columns of the left-hand grid and give you a ...

Video Tutorial: How to Create a JavaScript Gantt Chart with Node.js

by Kotryna Kairyte

December 18, 2018

1 min read

We're glad to introduce a video tutorial describing how to initialize dhtmlxGantt with Node.js. In this video, we'll show you how to easily: create a basic JavaScript Gantt chart on the page connect it to the Node.js backe...

Using D3 to Visualize Workload in dhtmlxGantt

by Anastasia Kovalenko

September 8, 2017

8 min read

Gantt charts are essential for project management. They are very helpful when you need to see the sequencing of all tasks, the overall timeline of a project and plan deadlines. To further improve planning functionality, you ca...