The Gantt control supports three task types:

  • Regular tasks
  • Task groups
  • Milestones

When the has children, it is treated as a task group.

Regular Task

html5-gantt-task-type-regular.png

Behavior:

  • percent complete (e.g. 80%)
  • drag and drop moving allowed horizontally (to change the start date but keeping the duration)
  • drag and drop resizing allowed (to change the duration)
  • custom text in the row header columns (on the left)

Task Group

html5-gantt-task-type-group.png

The task type is set to "Parent" when it has children.

Behavior (task group mode set to "Auto"):

  • the start and end calculated automatically
  • drag and drop moving disabled
  • drag and drop resizing disabled
  • percent complete bar supported

Behavior (task group mode set to "Auto"):

  • the start and end set using task properties, can be set independently of the children
  • drag and drop moving allowed (horizontally)
  • drag and drop resizing allowed
  • percent complete bar supported

Milestone

html5-gantt-task-type-milestone.png

Behavior:

  • end date is ignored
  • drag and drop moving allowed