Unsere Website gibt es auch auf Deutsch - würden Sie gerne zu dieser Version wechseln?Zu Deutsch wechseln
MADE & HOSTED
IN GERMANY

Gantt view (module: Timeline)

You can easily create and optimize project plans and keep an eye on the progress and the total duration of the project by using the timeline module. Potential bottlenecks are visible at a glance and can be prevented in time. All parties involved remain up to date at all times and know what needs to be done and when.

Basics for working with the Gantt View

The Gantt view is a bar chart, often used in project management, that shows all tasks in their chronological order and according to their dependency on other tasks.

Timelines
The chart helps you to put all the tasks in the right order

What does the view consist of and what can I read from it?

Task list: The vertical axis of the diagram represents all tasks (or milestones, project steps,...). The displayed tasks can be limited using filters. In addition, the task name, for example, can be displayed as an extra column on the left.

Timeline: The horizontal axis shows the time course / time span of the project. The total project duration can be determined by the time of the first and last task.

Task bars: Within the time schedule, all tasks are visualized and arranged by due date in the form of bars - i.e. they are put "in the right order". Depending on the length (-> due date "From - To"), the bar length shows the processing time of the tasks. The color is determined by the status or the room.

Responsibilities: The profile picture within a bar indicates who is responsible for the task, i.e. to whom it has been assigned. If no profile picture is included, there is no responsible person yet.

Dependencies: Connection arrows indicate a certain order for the completion of tasks. They show which tasks are dependent on the completion of other tasks. "Successors" can therefore only be processed if the "predecessors" have been completed first (see: Working with dependencies).

Milestones: Important events or intermediate steps (so called milestones) are accentuated and displayed as diamonds. The color of the milestones is defined by their status: open milestones in pink and completed milestones in green.

Dateline (red): The dateline shows the current time and runs vertically within the diagram.

What do the colors of the tasks signify?

Within a room:

The colors of the tasks within the Gantt chart vary according to the status of the task. For example, completed tasks are displayed in the color green. In the task cards*, the status and thus the color of the task can be changed.

Colors of the tasks within a room
Within a room, the color of the task depends on its status

*Tip: Access the corresponding task card through a left double-click on the taskbar within the Gantt view.

Within the reports:

Whereas in the reports, the colors of the tasks refer to the rooms from which they originate or to the room group to which that room belongs (the color of a room group is always inherited by its rooms).

Gantt chart in the reports
Within the reports, tasks from the same room are displayed in the same color

Note: The room color or status color can be changed by users with the role Room Admin within the room settings.

Activating the Gantt View + Preconditions

  1. Make sure that the tasks module is enabled for the room you want to use the Gantt view in.*
  2. Open the room settings (e. g. by clicking the room name).
  3. Switch to the tab Modules.
  4. Activate the module Timeline.
Activate modules
Enable modules to use the Gantt chart

*Preconditions: Since the Gantt view is a project view for task planning, you can only activate it if the tasks module is enabled. Tasks, in turn, only appear in the Gantt view if they are assigned a due date or period (see: Scheduling tasks).

How to work with tasks within the Gantt View

Scheduling tasks

Note: Tasks will not appear in the chart until they have been given a due date. Read the next chapter to learn how to date unscheduled / undated tasks (especially relevant when creating the Gantt chart for the first time).

Before scheduling the tasks, get a precise overview of the exact order in which the tasks (and milestones) are to be completed and have a good understanding of how much time it will take to complete the individual tasks.

Using the module makes it even easier to set due dates for the individual elements. There they can be moved to their due date or period simply by drag and drop. Similarly, you can adjust the duration of the tasks by stretching or shortening the individual taskbars.

Scheduling tasks
Date tasks via drag and drop

Where to find tasks without a due date

In the Gantt view itself, only tasks / milestones with due dates are displayed.

The calendar icon in the upper part of the view can be used to display unscheduled tasks and milestones, i. e. those for which no due date has been entered yet. By clicking "+ Add" right next to a task, it will be added to the Gantt view. There, like all other tasks, you can use drag and drop to move it to the right spot and to adjust its duration.

Adding unscheduled tasks
Add unscheduled tasks via the calendar icon

Working with dependencies

Task dependencies serve as a link between single or multiple tasks (or milestones). They are meant to ensure that all team members are aware of interrelationships and to indicate the impact of changes to the schedule.

Tasks must be completed so that tasks dependent on them can be initiated. If a task is delayed, which other tasks are dependent on, these tasks will also be delayed.

Creating dependencies

To create a dependency between two tasks, open the timeline module and drag a dependency link from the link point (visible by mouse-over) of the predecessor task to the link point of the successor task.

Create dependencies via drag and drop
Creating dependencies via drag and drop

The task that the dependency arrow leads away from is the predecessor task, i.e. it must be completed first. The task to which the arrow leads is the successor task.

Alternatively, dependencies can also be created via the successor task itself. Simply open the corresponding task and click on the more button (symbol: three dots) in the upper right corner. Now, select the option "Add dependency" and click on the corresponding predecessor task in the search mask.

Note: The option is only available if the task has a due date.

Viewing dependencies

The Gantt view within the timeline module shows you which tasks a certain task depends on.

In addition, you can see all dependencies in the header area of each successor task.

Display dependencies
Viewing dependencies within tasks

Removing dependencies

You can either remove single dependencies or (if there are several dependencies) collectively remove all dependencies of a successor task to its predecessor tasks.

Removing a single dependency

You can remove dependencies within the timeline module by right-clicking the corresponding task / dependency link and selecting the option "Delete dependency".

Deleting single dependencies within the chart
Deleting single dependencies individually within the chart

Alternatively, you can also remove a dependency in the task itself. Simply open the corresponding task card of the successor task. Now, you have two options at your disposal:

  1. All dependencies are listed in the header of the card. Just click on "Delete dependency" next to the corresponding dependency.
  2. Click on the more button (symbol: three dots) in the upper right corner and select the option "Change dependency". Now, all existing dependencies to other tasks will be displayed within a list highlighted in blue. Simply click on the dependency you want to remove.
Deleting dependency individually within the task
Deleting single dependencies individually within the task

Removing all dependencies collectively

You can remove dependencies within the timeline module by right-clicking the corresponding successor task and selecting the option "Delete all dependencies".

Deleting several dependencies collectively within the chart
Deleting all dependencies of a task collectively within the chart

Alternatively, you can also remove several dependencies collectively in the task card. Simply open the corresponding successor task and click on the more button (symbol: three dots) in the upper right corner. Now, select "Change dependency" and double-click on the option "No dependency" within the list. Finally, confirm your selection by clicking "Save dependency".

Deleting several dependencies collectively within the task
Deleting dependencies collectively within the task

Completing tasks with dependencies

Basis: Status change of the task

Of course, all tasks during the course of the project should be completed according to the predefined order and with regard to their dependencies. For this reason, users receive a warning if they try to complete successor tasks before their predecessor tasks.

Working with milestones

You can mark important intermediate dates or goals as milestones in Stackfield. Milestones are accentuated task cards, represented as diamonds, within the diagram.

Creating / Converting milestones

You have two options when creating milestones:

1. Create a new milestone

Simply click on the plus symbol within the timeline module and select the option "Add Milestone".

New milestone
Adding a new milestone within the timeline module
2. Convert an already existing task into a milestone

Right-click the corresponding task in the Gantt view to access all available options and select "Set as milestone".

Set task as milestone within the chart
Setting task as milestone within the chart

Alternatively, you can convert a task within its task card. Simply open the corresponding task and click on the more button (symbol: three dots) in the upper right corner. Now, select the option "Set as milestone".

Set task as milestone
Setting task as milestone within the task card

Removing the milestone status

To remove the milestone status directly in the Gantt view, right-click the corresponding milestone and deselect the option "Set as milestone". The green checkmark will then disappear and the milestone will become a regular task again.

Removing milestone status within the chart
Removing milestone status within the chart

Alternatively, you can remove the milestone status directly in the task card. Simply open the corresponding task and click on the more button (symbol: three dots) in the upper right corner. Now, deselect the option "Set as milestone" and thus undo the milestone status.

Removing milestone status within the task card
Removing milestone status within the task card

Customizing and filtering the Gantt View

The finished Gantt chart provides information about the total duration of the project. The more extensive the project, the more extensive the view. For this reason, some functions help you to keep the view as clear as possible.

In the overview of the timeline you can:

  • open a task with a left double-click,
  • mark and delete a milestone with a right-click,
  • move positions via drag and drop and thus change time periods and
  • extend or shorten its period by dragging at the respective end of a task.

Tip: The colors of the task bars depend on the status of the tasks or the room / room group (see: What do the colors of the tasks signify?).

Adjusting the time units of the displayed time frame

With a click on the corresponding button in the header of the view, you can switch between weekly, monthly or yearly view.

Note: Due to the compressed display, a safety query is displayed when moving tasks with the month or year view set. This prevents elements from being accidentally moved to the wrong time.

Adjusting the displayed time frame
Switch between weekly, monthly or yearly view.

Adjusting the displayed time frame

Using the scroll bars at the bottom and right end of the view, you can maneuver it to a specific project phase. The start and end dates still determine the respective limits of the project preview, i.e. moving the view to the left or right is only possible down to the first or up to the last element (see: Due date of the task / milestone) in the view.

Limitation through filter options

Open the filter options by clicking the "filter" button at the top of the view.

Open filters
Open filter options

The task list on the left vertical axis provides the most important key data for the respective tasks. This includes the task name, the start and end date, and the duration. Under "Timeline columns" in the upper part of the filter options, you can (de-)activate the task list using the slider. Under "Columns" right underneath you can limit or expand the key data displayed within the task list.

Adjusting tasks list
Adjusting the tasks list

Directly below you will find the filter "Sort by" with which the order within the view can be determined.

Sort view by start date
Sort the view, for example, by "Start date".

If a grouping (by status) is set, sorting takes place within the groups.

Sorting with activated grouping
If a grouping is activated, the sorting will be performed within the groups

Tip: Activate the task list (displayed on the left) via the slider "Timeline Columns" in the filter options to get a better visualization of the individual groups.

Finally, you can narrow down the view using various criteria. These include a specific choice of years, different status options, and the member assignments.

Filtering the view
Filtering the view with the help of filters
Was this article helpful?
Cookies & Privacy Settings
We only use our own cookies and technologies in order to offer you the best possible experience on our website. You can find further information via the data protection settings and adjust or revoke your consent or object to processing at any time.
Custom Settings
Accept all
Reject