Gantt charts

Planning global

Project planning and activity planning calculation can be done in the Gantt.

- Add and Show any item on Gantt chart.

  • Allows to create a new planning element.

  • The created item is added in the Gantt and detail window is opened.

  • The detail window allows to complete entry

Popup menu - Create a new item


This screen allows to define project planning and follow progress.

It is composed with two areas:


  • This screen offers many features that will be described in the next sections.

Gantt (Planning)

Gantt (Planning)

3 - Activity planning calculation


  • All modifications about assignement (rate, name or numbers of resources, dates…) done from an activity are not displayed on the planning screen (with the new recalculated mode) until having for this purpose activited the planning calculation, either in an automatic run plan or not.

4 - Buttons

  • Click on Icon not planned to validate planning.

  • Click on store planned dates button to save baseline of planning. (See: Project planning)

  • Click on icon print button to get a printable version of the Gantt chart.

  • Click on icon PDF button to export Gantt chart in PDF format. (See: Export planning to PDF)

  • Click on MS Project button to export planning to MS-Project xml format.

  • Click on Button icon column to define the columns of progress data that will be displayed. (See: Progress data view)

  • Click on create new item button to create a new item. (See: Project planning)

  • Click on button icon filter to filter the list.

  • Check the box “save date” to keep registered displayed date of the overview planning, otherwise dates removing to general mode, after navigating away from this page.

5 - Show Baseline

  • Allows to display one baseline on top and one on bottom of the Gantt chart.


  • Ability to display two baselines on the Gantt chart.

  • Baseline can be saved with store planned dates button.

6 - Show Critical path

Activating the box, calculated and displayed in red color into the Gantt planning.

Task list area

The task list area is composed with:

Task list & progress data view

Task list & progress data view

3 - Area splitter

The splitter is used to show or hide the progress data view.


  • The progress data view is hidden by default.

  • Move the splitter on your right to display them.

Task list

The task list displayed planning elements in hierarchical form.

Tasks are regrouped by project and activity.

Projects displayed

  • Projects displayed depends on selection done with the project selector.

  • See: Top bar

Task list & progress data view

Task list & progress data view

1 - Hierarchical level

  • Click on minus button or plus button to adjust the hierarchical level displayed.

2 - Icon of element

  • An icon is displayed on the left of the corresponding element.

3 - Group row

  • Click on minus button or plus button on the group row to expand or shrink the group.

4 - Show WBS

  • Click on “Show WBS” to display the WBS number before the names.

5 - Item name

  • Click on a row will display the detail of the item in the detail window.

6 - Checkbox «Show closed items»

  • Flag on «Show closed items» allows to list also closed items.


  • Filter on the planning: possibility to filter the activities to be displayed on the Gantt Planning view

  • The “parents” of the selected activities are also displayed to maintain the WBS structure..

Progress data view

The progress data view allows to show progress on project elements.

For each planning element, the progress data are displayed at them right.

Progress data view

Progress data view

1 - Group row

  • The group row has a gray background.

  • Used to display consolidated progress data for tasks.

2 - Task row

  • The task row has a white background.

  • Used to display task progress data.

3 - Define the columns of progress data that will be displayed

  • Click on Button icon column to define the columns displayed.

  • Click on OK button to apply changes.

Column selection

  • Use checkboxes to select or unselect columns to display.

Columns order

  • Use the Button icon drag to reorder columns with drag & drop feature.

Popup list - Select columns

Popup list - Select columns

Gantt chart view

The Gantt chart view is a graphic representation of progress data.

For each planning element, a Gantt bar is displayed at them right.

Gantt chart view

Gantt chart view

1 - Scale

  • Scale available: daily, weekly, monthly or quarter

  • The Gantt chart view will be adjusted according to scale selected.

2 - Start and end dates

  • Change the starting or ending date to limit the display of Gantt chart view.

3 - Saving dates

  • Save previous dates to retrieve them on every connection.

4- Gantt bars

  • Overdue tasks appear in red, others in green.

Red bar


Planned end date or (Real end date if completed task) > Validated end date

Purple bar

  • The planning calculator tries to plan, the remaining work on the task assigned to a resource within the allocation to project period.

  • If remaining work on the task can’t be planned, a purple bar appears in the Gantt view.

Consolidation bar

consolidation bar
  • Displayed at group row level.

  • Graphic display of consolidated dates for planning elements group.

  • Start with the smallest start date and end with the biggest end date, either with planned or real dates.

Real work progress

green bar
  • The line that cross a Gantt bar displays the percentage of actual progress.

  • The length of the line represents the percentage of completion, based on the percentage of actual progress against the length of Gantt bar.


Lighter bar

  • Activities without assigned work are lighter bar, pale red or pale green as appropriate.



  • Move the cursor over the bar to display item name and planned dates.

5 - Dependency links

  • Dependencies between planning elements are displayed with an arrow.

  • To modify dependency link, click on dependency to displays a pop-up

3 dependency types are managed:

  • End-Start. The second activity can not start before the end of the first activity.

  • Start-Start: the successor can not begin before the beginning of the predecessor. Anyway, the successor can begin after the beginning of the predecessor.

  • End-End: The successor should not end after the end of the predecessor, which leads to planning “as late as possible”. Anyway, the successor can end before the predecessor. Note that the successor “should” not end after the end of predecessor, but in some cases this will not be respected:

    • if the resource is already 100% used until the end of the successor

    • if the successor has another predecessor of type “End-Start” or “Start-Start” and the remaining time is not enough to complete the task

    • if the delay from the planning start date does not allow to complete the task



  • Right click on a dependency link (when its color is orange) will show update pop-up

  • You can modify the delay, add a comment or remove the dependency.


Graphical add dependency

  • You can easily add a dependency with drag and drop from predecessor bar to successor bar

  • These dependencies are always End-Start, but you can change their type afterwards

6 - Milestone

  • Milestones appear as diamonds, filled if completed, empty if not.

  • Color of diamond depends on milestone progress.

    Ongoing milestone and in times

    ongoing milestone and in times

    Completed milestone and in times

    completed milestone and in times

    Ongoing milestone and delayed

    ongoing milestone and delayed

    Planned end date > Validate end date

    Completed milestone and delayed

    completed milestone and delayed

    Real end date > Validated end date

7 - Show resources

  • Click on “Show resources” to display resources assigned to tasks.

Global parameter “Show resource in Gantt”

  • This parameter defines the option availability and whether the resource name or initial is displayed.

8 - Current date

  • Yellow column indicates the current day, week, month or quarter, according to scale selected.

  • Red bar in yellow collumn display the current day and time.

9 - Detail of the work

  • Right click on a bar to displays the detail of the work for this bar.

Popup menu - Create a new item

Warning: You have to selected week or day scale to display detail or a message will ask you to switch to smaller scale.

10 - Miscellaneous

  • On “floating” elements (floating milestone, fixed duration activity) without predecessor, set the planned start date to the validated start date

Project planning

Project planning and activity planning calculation can be done in the Gantt.

Project planning

Project planning

1 - Add a new planning element

  • Allows to create a new planning element.

  • The created element is added in the Gantt and detail window is opened.

  • The detail window allows to complete entry.

Popup menu - Create a new item

Popup menu - Create a new item


Planning elements management

  • Planning elements can be managed with their own dedicated screen.

  • Test session and Meeting elements can be added to the planning with their own dedicated screen.

2 - Reorder planning elements

  • The selector Button icon drag allows to reorder the planning elements.

Ability to move multiple tasks at one time from one location to another using the key control to select the lines and then dragging and dropping them.

3 - Indenting element

  • Click on an element, the detail window will be displayed.

  • Two new buttons are displayed in the header, they allow to increase or decrease indent of an element.

Increase indent

  • The element will become the child of the previous element.

Decrease indent

  • The element will be moved at the same level than the previous element.

4 - Dependency links

  • To create a dependency link, clicked and hold on a graphic element, the mouse cursor changes to DND link.

  • Move mouse cursor on graphic element that will be linked and release the button.


Dependency links management

5 - Activity planning calculation

  • Click on calculate planning button to start the activity planning calculation.

Automatic run plan

  • Check the box to activate automatic calculation on each change.


  • All modifications about assignement (rate, name or numbers of resources, dates…) done are not displayed on the new planning screen until having, for this purpose, activited the planning calculation, either in an automatic run plan or not. On the contrary, the screen planning will not change even if modifications have been loaded yet.

**Automatic calculation **

  • Differential calculation = calculation of projects that require a recalculation.

  • Complete calculation = calculation of all projects

The calculations are programmed according to a frequency of CRON type (every minute, every hour, at a given hour every day, at a given time on a given week day, …)

6 - Store planned dates

  • Allows to store planned dates into requested and validated dates.

  • In other words, this feature allows to set baseline dates and preliminary dates from calculated planning.

Action available

  • Always: Always overwrite existing values.

  • If empty: Store only if the value is empty.

  • Never: Values are not stored.

Dialog box - Store planned dates

Projects portfolio

This screen displays Gantt chart from projects portfolio point of view.

It displays projects synthesis and project’s dependencies, without project activities.


  • This section describes specific behavior for this screen.

  • All others behaviors are similar to Planning global screen.

Gantt (Projects portfolio)

Gantt (Projects portfolio)

1 - Show milestones

  • It is possible to define whether milestones are displayed or not.

  • If they are displayed, then It is possible to define the type of milestone to be displayed or displayed all.

Resource Planning

This screen displays Gantt chart from the resources point of view.

Assigned tasks are grouped under resource level.

On resource planning, group periodic meetings is under its parent

Gantt bars

  • For activities, the Gantt bar is split in two:

    • Real work in grey.

    • Reassessed work in green.


  • This makes appear some planning gap between started work and reassessed work.

Dependencies behavior

  • Links between activities are displayed only in the resource group.

  • Links existing between tasks on different resources are not displayed.


  • This section describes specific behavior for this screen.

  • All others behaviors are similar to Planning global screen.

Gantt (Resource planning)

Gantt (Resource planning)

One - Show project level

  • Tasks can be grouped by project.

  • Click on “Show project level” to display project level.

|added| - show activities without work

  • Ability to display assigned activities with zero work

Two - Show left work

  • Left work can be displayed at right from Gantt bar.

  • Click on “Show left work” to display left work for each item.

Three - Limit display to selected ressource or team

  • Click and select one ressource to display only his data.

  • Click and select one team to display only data of resources of this team.

Export planning to PDF

Allows to export planning to PDF format.

Export contains all details and links between tasks.

Dialog box - Export planning to PDF
Fields - Export planning to PDF dialog box




Page orientation.


Allows to fit planning on page.

Repeat headers

Planning can be span multiple pages.


Technical points

  • This new feature will execute export on client side, in your browser.

  • Thus the server will not be heavy loaded like standard PDF export does.

  • It is highly faster than standard PDF export.

  • Therefore, this feature is hightly dependant to browser compatibility.


Browser compatibility

  • This new feature is technically complex and it is not compatible with all browsers.

  • Compatible with IE11, Firefox, Edge and Chrome.

  • Else, the old export feature will be used.


Forced feature activation (deactivation)

  • To enable this feature for all browsers, add the parameter $pdfPlanningBeta=’true’; in parameters.php file.

  • To disable if for all brosers (including Chrome), add the parameter $pdfPlanningBeta=’false’;

  • Default (when $pdfPlanningBeta parameter is not set) is enabled with Chrome, disabled with other browsers