Samples
Documentation
Samples
Initialization
Basic initialization
Load data from JSON file
Load data from XML file
Backend storage using REST API
Forced touch mode
jQuery integration
Define date range
Loading data in Gantt 1.6 format
Fixed size gantt
Clickable links
Localization
Project duration
ReInit in different container
Loading tasks start/end dates
Projects and milestones
Bootstrap layout
Backward planning
Show Unscheduled Tasks
Tasks outside timescale
Rollup tasks and milestones
Extensions
QuickInfo extension
Tooltip
Critical path
Resizable columns in grid
Today and Status lines in Gantt
Loading subtasks on demand
Hiding grid columns
Tasks grouping
Multiselection and Indent/Outdent tasks
Multi level task grouping
Full Screen
Auto Scheduling extension
Working with 30000 tasks
Undo/Redo changes in Gantt
Keyboard Navigation
Keyboard Navigation - navigate cells
Auto Scheduling - Groups of connected tasks
Schedule From Project Start & Constraints
Schedule From Project End
Gantt chart with overlay
Custom Tooltips
Create split tasks by Drag and Drop
Create new tasks by Drag and Drop
Select multiple tasks by Drag and Drop
Full Screen with additional elements
Drag timeline
Resizable rows in grid
Task grouping, different relation property types
Scales
Multiple scales
Month view
Year scale
Day hours
Dynamic scales
Custom scales
Minutes timeline
Auto resize scale
Not render weekends on the scale
Show working hours
Selecting columns
Year quarters scale
Zoom To Fit
Mouse wheel zoom
Customization
Define side content
Custom tree formatting
Link styles
Task styles
Template for tree nodes
Highlighting weekends
Text in the Progress bar
Styling task bars with events
Custom html content
Simple context menu
Split task
Custom task type
Expand container
Displaying deadlines
Display project baseline
Specify inline colors for Tasks and Links
Classic Look
Display subtasks when the Project is closed
Create summary tasks dynamically
Gantt message types
Expand and collapse split tasks
Draw links as SVG images
Lightbox
Lightbox customization
Checkbox control
Progress lightbox
Radio control
Validate lightbox values
Custom control in the lightbox
Template control
Custom button in the lightbox
Time control
Parent selector
Specify year selector range
Slider control in lightbox
Datepicker in lightbox
Select control
Resources control
3rd party multiselect control
Readonly lightbox
Skins
Default skin
Task edit form
'Skyblue' skin
'Meadow' skin
'Broadway' skin
Change skin dynamically
High contrast theme - Black
High contrast theme - White
Material theme
Grid
Built-in sorting
Branch ordering
Filtering
Custom sorting function
Using sorting methods
Render Gantt chart without grid
Custom Buttons in a Grid
Drag and drop rows in Grid
Show Task WBS Codes (Outline Numbers)
Horizontal scroll inside Grid
Inline editing
Inline editing - keyboard navigation mode
Inline editing - Custom keyboard mapping
Branch ordering - highlighting mode
Api
D'n'D Events
Limit drag and drop dates
Validation
Fixed project dates
Denying dragging tasks out of specific dates
Export data from Gantt
Task styles
Export data : MS Project, PrimaveraP6, Excel & iCal
Export data: store online
Performance tweaks
Predefined Project Structure
Dynamically move text content of a task
Highlight Task Position on Drag
Critical tasks expanding
Show task dates on Drag and Drop
Calculate Progress of Summary Tasks
Show Slack time
Import MS Project file
Import Primavera P6 file
Draggable projects
Import Excel file
Custom data api - using local storage
Worktime
Calculate working hours
Working days as duration
Exclude holidays
Custom working days and time
Correct task position on drag
Task level calendars
Resource level calendars
Project level calendars
Decimal durations for tasks
Merge work Calendars of different resources
Specify work time with minute precision (8:30-17:30)
Different worktimes for different time periods
Layout
Grid columns rightside of gantt
Gantt chart with resource panel
Time scale at the bottom of gantt
Right to left gantt
Resources
Assigning owners to tasks
Resource calendars
Break down by resources
Resource load diagram
Templates of the Resource diagram
Assign multiple owners to a task
Assign multiple resources
Group by multiple resources
Resource histogram
Assign workload in percents
Show all assigned tasks in the resource panel
Work and material resources
Assign resource values to specific days
Multiple
Multiple Gantts on the page
Gantts in dhtmlxLayout cells (dhtmlxSuite v5.x)
jQuery initialization
Export data from Gantt
Keyboard navigation, multiple gantts
Using gantt constructor and destructor
API Reference
Code Samples
Developer Forum