• by creating a "Gantt Chart" Table or TreeView Table control.
• by adding a "Gantt Chart" column into a Table or TreeView Table control.

1. On the "Creation" tab, in the "Graphic controls" group, expand "Time" and select "Gantt chart".
2. Click at the desired location to create the control. The control appears in the editor.
3. A Table control is created. This control contains:
   • a Text column,
   • a "Gantt Chart" column.

1. On the "Creation" tab, in the "Graphic controls" group, expand "Time" and select "TreeView Gantt chart".
2. Click at the desired location to create the control. The control appears in the editor.
3. A TreeView Table control is created. This control contains:
   • a Text column. This column is the hierarchy column.
   • a "Gantt Chart" column.

1. Open the description of the Table or TreeView Table control ("Description" in the context menu).
2. In the upper section of the control description window:
   • Add a new column ("New").
   • Select the type of "Gantt Chart" column.

• Double-click the Gantt Chart column in the window editor.
• In the description window of the Table or TreeView Table control, select the "Gantt Chart" column. In the "General" tab, click "Options and styles of the Gantt Chart column".

Characteristics of Gantt chart

• Number of days to display:
  • From the first to the last task: By default, the display is performed from the first task to the last one, the width of a day being set to 80 pixels. A horizontal scrollbar is used to scroll through the tasks if necessary.
  • According to the column width: This option is used to manage the advanced cases. For example:
    • displaying a very small period (less than 7 days). In this case, the division can be performed on an hourly basis.
    • displaying a long fixed period (more than 30 days). In this case, a button can be created to change the period displayed (GanttPositionDateTime).
• Time display: Used to define:
  • the format of displayed date.
  • whether the hours must be displayed or not, as well as their format.
  • whether the week number must be displayed or not, as well as its format. In the format, the '%1' string corresponds to the week number. Example of format: "Wk. %1".
• Time slot: Used to define:
  • the time slot shown: Time slot that will be shown in the control.
  • the working time slot: Time period for which a task can be defined in the Gantt chart. This time period can be modified:
    • for the control with the WorkingHourStart and WorkingHourEnd properties.
    • for a row with GanttWorkingHour.
• Characteristics of a task:
  • Overlap: Managing the task overlap. The tasks can be displayed side by side or they can be slightly shifted.
  • Granularity of a task: You can define:
    • the granularity when moving a task (1 hour by default).
    • the granularity for task duration, which means the minimum duration of a task (1 hour by default).
• Allow time range selection: Allows the user to select a period with the mouse.
• Allow the direct input of a task: Allows the user to add a task directly. To do so, click the Gantt Chart column to create the task and type its caption with the keyboard.

• Change duration. You can allow or prevent users from changing task durations.
• Move. You can allow (or not) the user to move a task. If this option is selected, the option "Allow users to change resources" becomes available. This option allows the user to change the resource associated with a task..
• Allow users to overlap elements. If this option is checked, when moving tasks, the user will be able to make them overlap. In this case, the options defined for task overlap (offset or side by side) will be taken into account.
• Reorganize other tasks when the user makes changes. This option allows you to ask for an automatic reorganization of the tasks whenever a modification is performed by the user.

Context menu proposed automatically

• Add, delete or modify a task.
• Link the selected task to a prerequisite task.
• Delete all the prerequisites from a task.
• Print the content of the Gantt chart. This option is available only if a "Gantt Chart" report was created.

Customize the task area

1. Open the description window of the Gantt Chart column.
2. Select the internal window used for the tasks:
   • "None": the default display mode will be used.
   • "Preset window": a preset window is automatically added to the project. By default, this window is named "IW_WinDevViewGanttTask.wdw".
3. The internal window is available in the project explorer. It can be edited in the window editor.
   Caution: this internal window can only be used to customize the drawing regarding the task display. Only the process for declaring the global variables is run. No other process is run. Therefore, you cannot add buttons with a specific click code.

• You also have the ability to use any internal window of your project.
• The aspect of the tasks proposed by default can be configured in the "Style" tab of the control description window, in the "Task" element.
• Tip: don't overload the internal window: if the Gantt chart contain several tasks, the rendering may become illegible or the display very slow.

Mode for filling a Gantt Chart column