Integrate a full-featured Gantt chart with the Salesforce Lightning component in your project management app safely and easily using our powerful JavaScript library - DHTMLX Gantt.
The DHTMLX Salesforce Gantt chart stands out for its robust performance, capable of processing an immense number of tasks at a time. With built-in smart rendering, data rendering speed is significantly enhanced when working with large data sets. It gives an advantage of scaling projects with over 10,000 tasks without compromising performance or stability.
The highlight of DHTMLX Gantt is resource management functionality, which allows allocating and managing multiple resources. Resource load diagrams and histograms contribute to an accurate workload estimation. This rich feature set is to the advantage of any project like construction works, logistics, product development, etc.
Apart from common features, the Salesforce Lightning Gantt chart by DHTMLX has a range of helpful extensions to fine-tune project management apps and cover various use cases and needs. Starting from tooltips, full-screen mode, status line to auto scheduling, and custom content, Gantt opens up plenty of opportunities to achieve the desired look and feel and UX.
Numerous customization options allow changing any element (tasks, links, tooltips) as well as modifying the existing templates of the grid, timeline, or lightbox, so that your Salesforce Gantt component could be a perfect fit for your project management app. There is also a range of predefined templates and skins:
Download DHTMLX Gantt trial. Set up a Salesforce DX project using the Salesforce CLI and create a scratch org. Upload DHTMLX Gantt to the org as a Static Resource.
Create custom objects for storing Gantt tasks and links data. Implement an Apex class that enables interactions between the Lighting Component and our data model.
Create a Lighting Web Component. Deploy the component to a Lighting App Page and activate it. After the trial period expires, choose a DHTMLX Gantt license to continue using it in your project.
License Terms | Read License Agreement | Read License Agreement |
Developers | 20 | |
Projects | 5 | |
Use in SaaS | ||
Use in Salesforce | ||
Source code | ||
Perpetual distribution rights |
Support Plan
|
Premium Support | Ultimate Support |
Time Period | 1 year | 1 year |
Updates | Major, minor, and maintenance updates |
Major, minor, and maintenance updates
Priority queue for bug fixing
|
Support requests | 50 | |
Response time | 48h | 24h |
Personal Account Manager |
Functionality
|
Professional | Professional |
16 PRO features | ||
Several Gantt charts on 1 page | ||
Online export to PDF/PNG without watermark | Free for 1 year | Free for 3 years |
Free local PDF/PNG export module | ||
Free local module for MS Project export/import | ||
Free Node.js Gantt server module |
License Terms | Read License Agreement |
Developers | 20 |
Projects | 5 |
Use in SaaS | |
Use in Salesforce | |
Source code | |
Perpetual distribution rights |
Support Plan
|
Premium Support |
Time Period | 1 year |
Updates | Major, minor, and maintenance updates |
Support requests | 50 |
Response time | 48h |
Personal Account Manager |
Functionality
|
Professional |
16 PRO features | |
Several Gantt charts on 1 page | |
Online export to PDF/PNG without watermark | Free for 1 year |
Free local PDF/PNG export module | |
Free local module for MS Project export/import | |
Free Node.js Gantt server module |
License Terms | Read License Agreement |
Developers | |
Projects | |
Use in SaaS | |
Use in Salesforce | |
Source code | |
Perpetual distribution rights |
Support Plan
|
Ultimate Support |
Time Period | 1 year |
Updates |
Major, minor, and maintenance updates
Priority queue for bug fixing
|
Support requests | |
Response time | 24h |
Personal Account Manager |
Functionality
|
Professional |
16 PRO features | |
Several Gantt charts on 1 page | |
Online export to PDF/PNG without watermark | Free for 3 years |
Free local PDF/PNG export module | |
Free local module for MS Project export/import | |
Free Node.js Gantt server module |
Salesforce provides powerful CRM and process automation, but lacks built-in tools for visual project scheduling. A Gantt chart adds a clear, interactive timeline view that helps teams plan, track, and adjust tasks with ease. DHTMLX Gantt brings advanced capabilities like task dependencies, milestones, and progress tracking, enabling real project management inside Salesforce.
Not out of the box. Salesforce doesn't offer a native Gantt chart component in either Classic or Lightning Experience. While it's possible to build something basic using standard components, it lacks scalability and interactivity. That's where DHTMLX Gantt comes in. With full support for Salesforce's Lightning Locker Service and high-performance rendering, it bridges that gap with enterprise-ready features.
DHTMLX Gantt integrates seamlessly with standard or custom Salesforce objects. You can bind your data via Apex controllers or Lightning Web Components (LWC), and synchronize the chart with your records using REST APIs or wire services. This allows real-time updates and two-way data binding between the Gantt view and your Salesforce backend.
Yes. DHTMLX Gantt supports full drag-and-drop interactions out of the box. Users can reschedule tasks, adjust durations, and update dependencies directly in the timeline. These changes can be captured and pushed back to Salesforce records using Apex or JavaScript event handlers, making user interactions both intuitive and data-consistent.
While DHTMLX Gantt itself is a JavaScript component, it is fully compatible with Salesforce LWC. You can wrap the Gantt chart inside a custom Lightning Web Component that embeds it into Lightning pages. Thanks to compliance with Salesforce Locker Service, the integration is secure and efficient even in restricted environments like managed packages.
To get started, simply include the DHTMLX Gantt JavaScript and CSS resources in your Salesforce org, typically as static resources. Then create a custom LWC or Aura component to initialize and render the Gantt chart. DHTMLX provides detailed documentation and working Salesforce demo apps that help you set up everything in under a day even for complex use cases.
Absolutely. DHTMLX Gantt is highly customizable. You can define custom task templates, timeline scales, styling, tooltips, and side panels. Advanced filtering, dynamic column configurations, and even custom context menus are supported. These options let you tailor the chart to match your organization's branding and business logic within Salesforce.
DHTMLX Gantt is optimized for enterprise-level performance. Unlike Salesforce Lightning datatables, which slow down with over 1,000 records, DHTMLX Gantt handles 10,000+ tasks with smooth scrolling and sub-second rendering. In real-world use, it has been tested with up to 12,000 tasks in Salesforce environments making it ideal for large-scale project portfolios and resource planning.