---
title: "Timeline (Gantt chart)"
canonical: "https://support.appfire.com/space/DLP/2211583137/Timeline%20(Gantt%20chart)"
format: markdown
---
> Macro (aura-html)

## Overview

A Gantt chart is part of the Gantt module. It represents your project and plots tasks across a timeline. The tasks are represented as horizontal bars ([taskbars](https://appfire.atlassian.net/wiki/spaces/DLP/pages/2212497400)) that stretch across the timeline according to their start and end dates.

## Navigate the timeline

### Go to task

Click the task in the [task structure](https://appfire.atlassian.net/wiki/spaces/DLP/pages/2211906385) section. The timeline date range will adjust to show you the corresponding taskbar on the timeline.  

### Snipe to task start/end date

1. **Right-click** the task swimlane (anywhere but the task key, task name link, or directly on a taskbar) to prompt the context menu.
2. From the menu, select **Snipe to start date** or **Snipe to end date**.

The timeline date range will adjust to show you the corresponding taskbar on the timeline based on its start or end date.

![Snipe to start date, snipe to end date.](media://38d270cb-eb83-40bc-b736-5e5cb835abc8)

### Drag the timeline

Grab an empty space (anywhere but the taskbar or dependency) on the chart and move the mouse to scroll horizontally or vertically.

![How to drag Gantt timeline.](media://89737896-34a4-4f84-b4c5-8f88b2c1bd06)

## Zoom in/out

Depending on the scale, the timeline shows days, weeks, months, quarters, or years. You can adjust the scale to your needs to display long-lasting projects in their entirety.

You can zoom in all the way down to see individual days. These will be hidden once you zoom out to see the quarters of the year on the timeline.

> 📝 You can refresh the page or switch between modules without losing the granularity level on the Gantt chart. The zoom level and the dates on the timeline will remain the same.

Zoom in/out levels on the Gantt timeline:

- 2 weeks (minimum)
- 1 month
- 1 quarter
- 6 months
- 1 year
- 2 years
- 4 years (maximum)

To see more on your timeline, expand the Gantt chart to the maximum (so that the task structure section is hidden).

![max-zoom-out-gantt-timeline.png](media://11013f9f-ce50-444e-8730-dd242df0a25e)

### Context menu

1. **Right-click** the task swimlane (anywhere but the task key, task name link, or directly on a taskbar) to prompt the context menu.
2. From the menu, select **Zoom in** or** Zoom out**.

This will change the granularity level of your timeline to help you see more details or gain a bird’s eye view of your project.

### Keyboard shortcuts

Use one of the following [keyboard shortcuts](https://appfire.atlassian.net/wiki/spaces/DLP/pages/2211351555) to zoom in/out** **the timeline:

- **Ctrl**/**Cmd** + **mouse wheel**
- **Ctrl**/**Cmd** + **swipe the touchpad with two fingers**

### Buttons

The set of buttons in the upper-right corner are responsible for the following actions:

![Gann timeline buttons.](media://d29b19ff-00fc-456d-9fd2-ff2ed24c8bf3)

- Today (the timeline displays the current date at the center. This action adjusts the timeline but does not increase or decrease its zoom level)
- Zoom out
- Zoom in
- Scale to fit

#### Scale to fit

> ℹ️ The **Scale to fit** feature is not** **available when only unscheduled tasks (tasks without dates) are in a box. Once tasks are scheduled, the **Scale to fit** feature becomes available.

If your task list contains a lot of important information, you may want to adjust the timeline to fit all tasks in the available area of your screen. 

Use the **Scale to fit** option to adjust the timeline so it shows all your tasks sorted from the earliest start date to the latest end date. This option lets you display tasks that aren't visible in their entirety when you have reached the limit of the **zoom-out** option.

For example, the maximum zooming-out level is reached. The task in the screenshot below fits the Gantt timeline only partially.

![Maximum timeline zoom-out level is reached.](media://8eaf7fba-0d83-49f5-aa79-7342bdf6aeda)

After clicking the **Scale to fit** button the entire task fits the timeline. 

![Outcome after using the scale to fit button.](media://c8562e4d-7626-42d5-821a-0a9f17aac13c)

### Minimap

The minimap lets you navigate through your list of tasks quickly and easily. It shows a large portion of the timeline and shows you which segment you are currently looking at.

To enable it, click the **minimap icon** in the bottom-left corner of the screen. Once the minimap is enabled, click it to adjust the view to your needs. The currently viewed area of the timeline is highlighted in blue.

![Minimap on the Gantt timeline.](media://e9da13fc-d0e6-4947-9cdb-e0db251c3e4e)

## Show more information on the timeline

Click **More actions** (**…**) next to the timeline buttons to open the context menu and check the following options to enable them:

![Show more information on the Gantt timeline.](media://757a2e3b-684f-448d-a861-dd29c90ceeb0)

- [Markers](https://appfire.atlassian.net/wiki/spaces/DLP/pages/2212233948) (markers help you remember important dates throughout your project or [portfolio](https://appfire.atlassian.net/wiki/spaces/DLP/pages/2212268773). The marker showing the current date cannot be disabled)
- [Timeboxes](https://appfire.atlassian.net/wiki/spaces/DLP/pages/2212497501) (available only when the [timeboxes are configured](https://appfire.atlassian.net/wiki/pages/createpage.action?spaceKey=dlpdraft&title=NEW%20Timeboxes&linkCreation=true&fromPageId=2024299524))
- [Week numbers](https://appfire.atlassian.net/wiki/spaces/DLP/pages/2211648792) (enable to display week numbers)