Gantt view

Use Gantt view to plan time, manage resources, visualize task Dependencies, and more! Track project progress and resolve delays.

What you'll need

  • 100 uses of Gantt view are included on the Free Forever Plan.
  • Unlimited uses of Gantt view are included on all paid plans.
  • Everyone, including guests, can use Gantt view.

Add a Gantt view

You can add a Gantt view at any level of the ClickUp Hierarchy.

  1. Click + View in your Views Bar.
    • You can make the view private by checking the Private view checkbox or pin it to your Views Bar by checking the Pin view checkbox.
  2. Select Gantt.
  3. Once the view has been created, you can name and customize it using the Customize menu in the upper-right corner.

Edit the time period

Select a time period to display your project by hour, day, week, month, or quarter. 

To edit a Gantt view time period:

  1. In the upper-left corner, click the current time period. By default, new Gantt views use the week time period.
    Screenshot highlighting the time period button.
  2. Choose a time period option:
    • Auto fit: Use a custom time period to see all the scheduled tasks in your Gantt view sidebar.
    • Hour: Display tasks by hour.
    • Day: Display tasks by day.
    • Week: Display tasks by week.
    • Month: Display tasks by month.
    • Quarter: Display tasks by quarter.

To zoom in and out of Gantt view, hover over the time period and press CMD/CTRL + scroll while scrolling with your mouse wheel. This also works when you hover over individual tasks. Hold CMD/CTRL while dragging the canvas, you can scroll left and right.

Access your Hierarchy in the Gantt sidebar

Gantt view's sidebar displays every Space, Folder, and List within the Hierarchy level of the view. Click the expand icon to the left of a location to see everything in that location.

Screenshot of the tasks in an expanded List.

You can reorder Folders, Lists, and tasks by dragging and dropping them. When you reorder the Gantt view sidebar, it also updates your Workspace-wide Sidebar.

Create items from the Gantt sidebar

Quickly create new Folders, Lists, tasks, and subtasks from the Gantt sidebar.

To create a new item:

  1. Hover over a Space, Folder, List, or task.
  2. Click the plus icon to create a Folder, List, task, or subtask.
    Screenshot highlighting the plus icon in the Gantt sidebar.png
  3. Name the item and press Enter on PC or Return on Mac.

Add columns to the Gantt sidebar

To add columns in the Gantt sidebar:

  1. In the upper-right corner of the Gantt sidebar, click the plus icon.
  2. Select each field you want to add.
  3. Resize columns by hovering over the column header and dragging the bar left or right. Columns with a fixed width, like start date or due date, cannot be manually adjusted.

Screenshot of the column drag bar.png

Schedule tasks

Tasks with start or due dates display in Gantt view. This includes tasks in a Done or Complete status by default. You can hide any status using filters.

Tasks without start and due dates can be scheduled from the Gantt sidebar:

  1. Expand the task's List.
  2. To the right of the task, hover over the time, day, week, or month you want to schedule it.
  3. Click Click to Schedule task.
    Screenshot of hovering over a week to schedule a task.
  4. Click and drag the start and end brackets to adjust the start and due date.

Use Milestones

Milestones are displayed as diamonds in Gantt view.

You can turn a task into a Milestone from the Gantt sidebar or Task view.

From the Gantt sidebar:

  1. Right-click a task.
  2. Select Task Type.
  3. Click Milestone.

From Task view:

  1. From an open task, click the task type in the upper-left corner.
  2. Select Milestone.

Screenshot of the task type dropdown menu in Task view.png

Create Dependencies 

Draw lines between tasks to automatically create and visualize task Dependencies.

When the Reschedule dependencies option is enabled in the Gantt view Layout options, dragging a task with Dependencies will automatically reschedule all subsequent tasks in the chain. 

Create a Dependency

To create a new Dependency in Gantt view:

  1. Hover over a task.
  2. Click and drag the node.
    Screenshot of a task node in Gantt view.png
  3. Drop the line on another task to create the Dependency.
    Screenshot of someone connecting two tasks in Gantt view.png

Remove a Dependency

To create a new Dependency in Gantt view:

  1. Click the connection between tasks.
    Screenshot of a connection between tasks in Gantt view.png
  2. Select Delete.

Track project progress

Determine how close you are to completing all the tasks in any Space, Folder, or List by hovering over the progress bar in Gantt view.

Progress percentage is calculated by the tasks completed divided by the total tasks in the Space, Folder, or List. 

Screenshot of a List's progress bar in Gantt view.png

Bulk reschedule tasks

Move an entire Space, Folder, or List to remap all scheduled tasks' start and due dates. 

To move a Space, Folder, or List in Gantt view, drag the progress bar left or right.

Bulk edit tasks

Edit tasks in bulk without ever leaving your Gantt view!

To edit multiple tasks:

  1. Hover over the tasks you'd like to edit.
  2. Click the selector button to the left of the task name.
    Screenshot of two tasks selected and the cursor hovering over the selector button of a third task. The Bulk Action Toolbar is at the bottom of the screen.
  3. Use the Bulk Action Toolbar to make your edits.

Sort tasks in Gantt view

You can sort tasks in Gantt view by:

To sort tasks in Gantt view:

  1. In the upper right to the left of the Search bar, click Sort.
  2. Choose an option.

Sync task sort order of Gantt and List views

Task sort order of Gantt and List views automatically syncs when all of the following criteria are met:

  • The views are located at the same level of the Hierarchy.
  • The Gantt view is manually sorted.
  • The List view is:
    • Not grouped.
    • Manually sorted.
    • Subtasks are set to Expand all.

Change the color scheme

To change the color scheme of Gantt view:

  1. In the upper-right corner, click Customize.
  2. Select Layout options.
  3. Click Color tasks by.
    Screenshot of the color tasks by option in Gantt view customize menu.png
  4. Choose one of the options:
    • Default: Tasks are color-coded by status. Blue tasks are Active, green are Closed or Done, and yellow are Milestones. 
    • Priority: Tasks share their Priority color.
    • Status: Tasks are color-coded by status. Spaces, Folders, and Lists are color-coded by type. Milestones are yellow until they are Done or Closed
    • List: Tasks and Lists are color-coded by the List's chosen color. Spaces and Folders are differing shades of grey.

Customize Gantt view

You can further customize your Gantt view from the Layout options menu.

To open the Gantt options menu:

  1. In the upper-right corner, click Customize.
  2. Select Layout options.

The following Gantt options are available:

Gantt option Description
Weekends

The weekends option hides Saturdays and Sundays from being displayed in Gantt view. It does not update the start and due dates of your tasks.

With this option enabled, you can't drag and drop tasks to start or end on Saturday or Sunday. Tasks that start on a Saturday or Sunday will appear to start on Monday. Tasks that end on a Saturday or Sunday will appear to end on Friday. Tasks with a start and end date on the same weekend will only display the task name and the following text: (within weekend).

Critical path

Read more about critical path here!

This is available on the Business Plan and above.

Slack time

Enable Slack time to easily identify areas where tasks can be adjusted without impacting the project completion date.

This is available on the Business Plan and above.

Full screen mode When full screen mode is enabled, you can minimize the Sidebar and see your Gantt view in full screen.
Reschedule dependencies When enabled, dragging a task with Dependencies will automatically reschedule all subsequent tasks in the chain. When disabled, tasks are rescheduled independently even if blocking other tasks in the Dependency chain.
Live updates This enables our web sockets for Gantt which makes all updates from other users display instantly.
Highlight task position on drag Highlight task positions when dragging and dropping them in Gantt view.
Planned list bars Once a start date and a due date have been added to a List, you can see it reflected in the Planned List Bar. This is used to visualize List's dates against the tasks in your Gantt view.
Hide empty locations Show or hide Spaces, Folders, and Lists without tasks.
Tasks from other Lists Show or hide Tasks in Multiple Lists.
Subtasks from other Lists Show or hide Subtasks in Multiple Lists.

Export Gantt view

Share your Gantt view with others! Users on the Business Plan and above can export a Gantt view as a PDF or PNG.

To export:

  1. In the upper-right corner, click Customize.
  2. Select Export view.
  3. Choose the file type.
    • Optionally, add a header and footer. You can quickly add the project name, current date, or current time from these two fields.

Was this article helpful?