Create a Gantt Chart

Learn how to use Gantt Charts to do project management right from inside AroFlo

Updated on July 19th, 2024

You can create a Gantt chart from an existing project.

Creating a project from an approved detailed quote is a great way to get your project stages and tasks into your project with just a few clicks.

 

To create a Gantt chart:

  1. Go to Workflow Projects > Open.
  2. Click a project name to open it.
  3. Click the Gantt chart tab.
  4. Click Create Gantt chart view.
 

What do you see on the tasks?

As soon as you've created your Gantt Chart, any tasks included in the project receive three new fields: Estimation (start date and duration) and Progress. These fields interact with the Gantt chart, and vice versa. When you've made a change to either the fields or the Gantt chart, click Refresh (top left of Gantt chart) to update the chart.

 
 

 

Gantt chart elements

Click the links below for an introduction to the elements of the Gantt chart.

Top navigation

Explanation of options

Element
Description
Refresh button Refreshes the Gantt chart if you've added, deleted or altered stages, tasks or milestones.
Adjust by Dependencies

Adjusts the placement of tasks and schedules on the timeline, and the dates in the Start Time column, when you have linked one stage or task to another (or to several others). This ensures the stages, tasks and schedules display in the right sequence.

You can also click this button if you have adjusted the dates or durations of your tasks via the Gantt chart task bars or the AroFlo Calendar.

See Set Dependencies & Milestones for more information.

Work on Weekends

Include weekend days in the project duration.

In the image above, this box is unchecked and the weekend days appear as grey columns, which means that they are not counted in the project duration, even though task bars can extend across them. 

Baseline

Lets you create a snapshot of your original timeline, so you can see at a glance if things are getting off track. Switch the baseline on or off, display only the baseline, or delete it.

See Create a Baseline for more information.

Export

Creates a PDF, image (.PNG) or .CSV copy of your Gantt chart. See Export a Gantt Chart for more information.

Zoom Out Increases the time intervals shown on the timeline, e.g from days to weeks, weeks to months. 
Zoom In Decreases the time intervals shown on the timeline, e.g. from months to weeks, weeks to days.
 
 
 
 

Left-hand navigation

Explanation of columns

Element
Description
Task name

The name of the project stage or task. The first item on the list is the project name. Click the plus or minus to expand or minimise a stage.

Show this

 
 
Start date 

The date on which the stage or task should start. See Adjust task bars for information on changing the start date.

More about the Start date

The start date on a:

  • project is set during project creation
  • stage is the earliest start date on the tasks or milestones within that stage
  • task is the project start date
  • milestone is set when you create the milestone. See Set Dependencies & Milestones for more information.
 
 

Click the date to zoom straight to that date on the timeline. This can be handy when you have projects with very long durations.

Duration

The number of days the project, stage or task is expected to take to complete.

More about the Duration

The duration of a:

  • project is the total of all the stage durations
  • stage is the total number of days that the tasks within that stage will take
  • task is the difference between its Start Date (see above) and its Due Date. It can be changed in a couple of ways. See Adjust task bars for instructions.
 
 
Progress

An indication of what percentage of the task, stage or project has been completed. The Progress percentage is controlled by the slider on each task bar. 

See Schedule Project Tasks for more information.

Add

Add a Milestone () or a task () within a stage, or directly under the project. Learn more about project tasks.

 
 
 
 

Timeline area

Explanation of elements

Element
Description
Dates The dates across the top of the timeline can be displayed in days, weeks, months, quarters or years. Use the Zoom Out and Zoom In buttons to change this.
Timeline area (grid)

The area that displays project stages and tasks in a sequential format. 

Click and drag the timeline area to the left or right to move to a different date, or use the vertical or horizontal scroll bars.

You can also click on the task date in the left-hand navigation to quickly jump to that date.

 
Stage (green) bar Project stage. Stage start and end dates cannot be manipulated on the stage bar. As you manipulate project tasks (see next row), the stage bars adjust automatically.
Task (dark grey) bar 

Project task. As you place the task bars on the timeline, the project stage bar expands or contracts to cover all the tasks in that stage. See Adjust task bars for more information.

Vertical shaded (light grey) columns

By default, your Gantt chart will have the weekend days shaded when you're zoomed into the daily or weekly view. Although stage or task bars may extend across weekends, weekend days are not counted in the project duration unless you click the Work on Weekends checkbox. This removes the vertical shading from weekend days and counts weekends in the project duration.

Yellow bar  The selected stage or task.
Orange connectors  Dependencies. These are links between stages or tasks that indicate that a stage or task can't start until an earlier stage or task has been completed. See Set Dependencies & Milestones for more information.
Pink diamond  A milestone. This is a marker to show at a glance where key project events sit on the timeline. See Set Dependencies & Milestones for more information.
 
 
 
 

 

Task Bars

The Task Bars are the key element on the Gantt Chart that allow you to see at a glance how your project is tracking. This section explains more about how to use the task bars and access the additional information and options that sit behind them.

 

Adjust task bars

You can adjust the order of tasks within a stage by clicking and dragging the task name in the left-hand navigation. Changes will be reflected on the timeline.

You can adjust the start date of a task on the timeline by clicking and dragging a task bar to where you want it, or by double-clicking the task bar and selecting a date from the Task Start field.

Task Start field

 
 

You can adjust the duration of a task either by double-clicking the task bar and adding days to the Task Duration, or by adjusting the task bars as follows:

  1. Click the task bar you want to adjust.
  2. Hover over the left or right end of a task bar until a double-pointed arrow appears.
  3. Click the double-pointed arrow and drag to the right or left until the task bar covers the period you need.

Task Duration

 
 

Adjusting the task start date or duration in this way will update the Estimation fields in the Task Worksheet. These fields only appear on project tasks once a Gantt chart has been created for the project.

Estimation fields

 
 

If you update the Estimation fields in the Task Worksheet, the changes will be reflected on the Gantt chart; if you don't see the changes, click Refresh on the top left of the timeline.

 

 

Task Detail / Schedules window

You can access the Task Detail / Schedules window by double-clicking on any task bar within your Gantt Chart.

Task Details area

The Task Details area provides an overview of the key task details, as well as handy access to the task itself, the client card, and any notes that have been recorded on the task:

Element Description
View Task A button that takes you to the Task Worksheet.
Name The task name.
Ref / JN The task's reference and job number.
Cust ON Customer order number.
Status The task status, e.g. Not Started, In Progress, Completed.
Substatus Any substatuses in use on the task.
Task Type The type of work being done.
Client Takes you to the relevant client card, for handy access to contact details.
Task Start The start date of the task. Click into this field to select a different date and click Update to apply the change to the Gantt chart.
Task Duration

How long the task is expected to take. Click into this field to enter a new duration and click Update to apply the change to the Gantt chart.

The Task Duration includes the Task Start date.

 
Progress An estimate of how much of the task has been completed. Click into this field to enter a number and click Update to apply it to the Gantt chart. This change will be reflected in the shading on the task bar and in the Progress column in the left-hand navigation on your Gantt chart.
Task Description The details from the Description field on the Task Worksheet.
Task Notes Any notes that have been recorded against the task. This area allows users to add new notes, view the note bodies (i.e. the full content of each note), and sort the notes. If you add a note via the Task Detail window, click Update to save.
 
 

Task Schedules area

The Task Schedules area lets you schedule project tasks, just like you would on the Calendar, or remove schedules:

Element Description
Task Schedules A button that lets you select either Task Schedules or Task Timesheets.
Add Schedule Click this to add a schedule group.
Date Displays today's date, with arrows to take you to earlier or later months.
Banner Shows the start and end dates of the task, as shown on the Gantt chart's timeline.
Remove All Schedules Remove all schedule groups from the task at once.
Update Saves your changes.
 
 

Task Schedules area

The Task Schedules area lets you schedule project tasks, just like you would on the Calendar, or remove schedules:

Element Description
Task Schedules A button that lets you select either Task Schedules or Task Timesheets.
Add Schedule Click this to add a schedule group.
Date Displays today's date, with arrows to take you to earlier or later months.
Banner Shows the start and end dates of the task, as shown on the Gantt chart's timeline.
Remove All Schedules Remove all schedule groups from the task at once.
Update Saves your changes.
 
 
 

 

What to do next

Once you've created your Gantt chart and moved all the task bars to where you need them on your timeline, the next thing to do is Set Dependencies and Milestones, to highlight key points in the project.