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
 
© 2022 XB Software Ltd.
All rights reserved

Check also:

  • DHTMLX Scheduler
  • DHTMLX Spreadsheet
  • Other DHTMLX components