Sections, Tasks and Subtasks

Created by
Andrés Rodríguez Valdés

Instagantt Basics

Connect the Asana projects you'd like to see in Gantt chart format via the "+" in the top left corner.

Click on the project's name in the left pane to see all of the tasks in that project.

Only tasks with due dates will appear in the Gantt chart. Tasks without due dates will appear in the project's task list, but won't appear in the Gantt chart.

Instagantt supports Asana sections, tasks, and subtasks. When you initially open an Asana project in Instagantt, those tasks with subtasks will have their subtasks collapsed. To visualize a task's subtasks in the Gantt chart, simply click the gray "+" next to that task's name in the task list. Each task's collapse / expand button is sticky.

If you want to view all of a project's tasks in one list without segmenting by section, go to "Settings" (gear icon) in the project list and uncheck "Group tasks by section".

Assign due dates

Tasks without due dates won't appear in the Gantt chart. Assign these tasks due dates by simply clicking on the desired date due in the Gantt chart. This will be the task's due date. You can then expand the task's bar to the left to give the task a start date.

Adjust start and due dates

To adjust a task's start and due dates, move the bar to the desired dates by clicking and dragging.

To decrease or extend the number of days between a task's start and due date, hover your mouse over the bar and drag it from either edge.

Move multiple tasks simultaneously

Dragging multiple tasks simultaneously is super simple. Click anywhere on the Gantt chart and drag your mouse to create a lasso tool around all desired tasks. Then drag any of the lassoed tasks to move all at once.

Show completed tasks

By default, Instagantt will show all incomplete tasks and tasks completed in the last two weeks. If you want to see all completed tasks, regardless of completion date, click on the "Settings" (gear icon) in the project list and adjust the "Show tasks completed since:" option.

Show actual completion date

It's often helpful to compare a task's scheduled due date with its actual completion date. You can visualize both dates in the Gantt chart by checking "Show real completion date" in the project list's "Settings" (via the gear icon).

Note task progress

For those tasks without subtasks, note task progress manually by clicking the task's bar in the Gantt chart. If a task has subtasks, the parent task's progress will be calculated automatically based on the percentage of subtasks completed. Progress of sections is also automatically calculated based upon the percentage of tasks completed under that section.


Instagantt provides a default color scheme for tasks: Red for overdue tasks Green for completed tasks * Blue for on-time tasks

You can adjust a task's color to be something other than default via the task details pane.


Some tasks need to represent a big event, important date, or key milestone. To designate a key task as a milestone, convert it via the "Milestones" flag icon in the task details pane.