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

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

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

Behavior:

  • end date is ignored
  • drag and drop moving allowed