Version

xamGantt User Interactions in the Chart Section

Topic Overview

Purpose

This topic describes the available user interactions using the xamGantt™ control’s chart section.

Required background

The following topics are prerequisites to understanding this topic:

Topic Purpose

This topic introduces the visual elements in the grid and chart sections of the xamGantt control.

User Interactions in the Chart Section

User interactions in the chart section summary

The following table summarizes the user interaction capabilities of the chart section of the xamGantt control. Additional details are available after the table.

The user can… Using… Details Configurable?

Drag a taskbar

Mouse

Dragging the taskbar changes the start and finish date of a task.

Drag a milestone

Mouse

Dragging the milestone changes its finish date.

Drag a deadline

Mouse

Dragging the deadline indicator changes the deadline date of a task.

Resize a taskbar

Mouse

Resizing the taskbar changes the task duration.

Resize the progress bar

Mouse

Resizing the progress bar changes the task progress.

Set dependencies links between tasks

Mouse

Setting links creates task dependencies.

Open context menus

Mouse

Right mouse clicking on different elements results in opening of context menus with various commands.

No.png

Show tooltips

Mouse

When hovering over different elements, tooltips appear with additional information.

No.png

Dragging taskbars

The user can drag a taskbar in the chart section of the xamGantt control to change the task start and finish date.

This interaction is achieved by selecting a taskbar and holding the left mouse button while moving the taskbar to the left or to the right.

An information tooltip appears that shows how the task’s start and finish date change as the user drags the taskbar.

By default, the user can drag the taskbars of:

  • the automatically scheduled tasks

  • the manually scheduled tasks

  • the manually scheduled summary tasks

Note
Note

The dragging behavior is configurable. For more details, see the Related Topics section below.

Using the ESCAPE resets the changes and returns the taskbar to its initial position.

xamGantt User Interactions in the Chart Section 8.png

Dragging automatically scheduled task

xamGantt User Interactions in the Chart Section 9.png

Dragging Manually scheduled task

xamGantt User Interactions in the Chart Section 10.png

Dragging summary task

Dragging milestones

The user can drag a milestone in the chart section of the xamGantt control to change its finish date.

This interaction is achieved by selecting a milestone and holding the left mouse button while moving the milestone to the left or to the right.

An information tooltip appears and shows how the milestone’s finish date is changing as the user drags the milestone.

Using the ESCAPE resets the changes by returning the milestone to its initial position.

xamGantt User Interactions in the Chart Section 11.png

Dragging deadlines

The user can drag a deadline indicator on the taskbar in the chart section of the xamGantt control to change the task deadline date.

This interaction is achieved by selecting a deadline indicator while pressing the mouse’s left button while moving it to the left or to the right.

An informational tooltip appears, showing how the change to the deadline date as the user drags the indicator back and forth.

Using the ESCAPE resets the changes and returns the deadline indicator to its initial position.

xamGantt User Interactions in the Chart Section 12.png

Resizing taskbars

The user can resize a taskbar in the chart section of the xamGantt control to change the task duration.

To accomplish this interaction click on the edge of a taskbar while a resize indicator is visible. Pressing and holding the left mouse button while dragging the indicator causes the taskbar to resize and changes the task duration.

An information tooltip appears and shows how the user resizes the taskbar thereby changing the task duration.

By default, the user can resize the taskbars of :

  • the automatically scheduled tasks

  • the manually scheduled tasks

  • the manually scheduled summary tasks

Note
Note

The resizing behavior is configurable. For more details, see the Related Topics section below.

Using the ESCAPE resets the changes to the taskbar size to its initial size.

xamGantt User Interactions in the Chart Section 13.png

Resizing automatically scheduled task

xamGantt User Interactions in the Chart Section 14.png

Resizing manually scheduled task

xamGantt User Interactions in the Chart Section 15.png

Resizing summary task

Resizing progress bar

The user can resize the progress bar in the chart section of the xamGantt control to change the percent of completed work on a task.

The user achieves this interaction by clicking on a taskbar while the progress indicator is visible. Pressing and holding the left mouse button while dragging the indicator causes the task progress, expressed as a percentage, changes.

An information tooltip appears and shows how the task’s progress changes because of the user resizing the progress bar.

The user can resize the progress bar of :

  • automatically scheduled tasks

  • manually scheduled tasks

Using the ESCAPE resets the change in the progress bar back to its initial state.

xamGantt User Interactions in the Chart Section 16.png

Setting dependencies links between tasks

The user can link tasks in the xamGantt control’s chart section.

The user achieves this interaction by clicking on a link indicator causing an arrow to appear. Pressing and holding the left mouse button while dragging the arrow to another taskbar creates a dependency between the two tasks.

An information tooltip appears showing the dependency’s type (finish-to-start, start-to-start, finish-to-finish, or start-to-finish) and identifying the two dependent tasks.

Using the ESCAPE resets the changes.

xamGantt User Interactions in the Chart Section 17.png

Opening context menus

Context menus appear after a right mouse click in the xamGantt control’s chart section. The menus options depend on the element clicked on by the user.

Two context menus appear in the chart section.

The following screenshot illustrates the context menu that appears as a result of a mouse right click on the taskbar:

xamGantt User Interactions in the Chart Section 18.png

Available user actions in this menu are:

  • Manually Schedule (toggles the task mode to manually scheduled)

  • Auto Schedule (toggles the task mode to automatically scheduled)

  • Inactivate Task (toggles the task state)

  • Respect Links (recalculates the task’s information based on its dependencies)

The following screenshot illustrates the context menu that appears as a result of a mouse right click on a link:

xamGantt User Interactions in the Chart Section 19.png

Available user actions in this menu are:

  • Delete Link (to delete tasks dependency)

  • Scroll To Predecessor

  • Scroll To Successor

Using the ESCAPE or clicking outside the menu hides the context menu.

Showing tooltips

Different tooltips appear when hovering over or interacting with different elements in the chart section in the xamGantt control.

  • Hovering the mouse over a taskbar

xamGantt User Interactions in the Chart Section 20.png
  • Hovering the mouse over a dependency link

xamGantt User Interactions in the Chart Section 21.png

Related Content

Topics

The following topics provide additional information related to this topic.

Topic Purpose

This topic describes the available user interactions using the xamGantt control’s grid section.

This topic describes the editing features available in some of the important grid columns in the xamGantt control.

This topic describes the xamGantt control’s built-in keyboard support and lists the user actions that have a keyboard shortcut associated with them.