Configuring Lists, Charts, and Filters › How to Configure a List › Add a Gantt Chart to a List Portlet

Add a Gantt Chart to a List Portlet

A Gantt chart is a virtual field that shows duration and progress over time. New virtual fields are automatically displayed in the far right column of the list. You can move the field to a different position in the List Column layout.

Follow these steps:

1. Open the List Column Section menu, and click Fields.

   The list column fields page appears.

2. Click New.

   The create page appears.

3. Select Gantt, and click Save and Continue.

   The column settings page appears.

4. Complete the following fields in the General section:

   Column Label

   Defines the name that appears at the top of the list column.

   Show Column Label

   Indicates whether the column label appears at the top of the column list. Select the check box to have the column label appear.

   Allow Word Wrapping in Column Header

   Indicates whether the text in the column label can wrap within the column. Select the check box to allow wrapping.

5. Complete the following fields in the Time Scale section:

   Start Date

   Indicates the start date for the Gantt chart. Do one of the following:

   • Select Specific Date and enter a date or click the Datepicker icon and select a date from the calendar that appears.
   • Select Rolling Date and select a relative date from the drop-down list.

   Time Scale

   Specifies the time values to show across the top of the Gantt chart. Select a value from the drop-down list.

   Number of Time Periods

   Indicates the number of time periods to be displayed.

   Time Period Offset

   Defines the number of time periods you want to shift the beginning of the Gantt bar relative to the Start Date. You must enter a Start Date value to use this option.

   Show Group Row Header

   Indicates whether to print the time scale value used. Select the check box to show the value and select the value to be shown from the drop-down list.

6. Complete the following fields in the Primary Bar section:

   Item Name Attribute

   Specifies the field name for the primary bar of the Gantt chart. Select a field from the drop-down list.

   Start Date Attribute

   Specifies the date field value to use at the beginning of the Gantt bar. Select a field from the drop-down list.

   Finish Date Attribute

   Specifies the date field value to use at the end of the Gantt bar. Select a field from the drop-down list.

   Milestone Attribute

   Specifies the field value to use as a milestone. Select a field from the drop-down list. If the field contains a non-zero value, the Gantt chart displays a diamond.

   Progress Through Date Attribute

   Specifies the date field value to use to indicate when work is complete. Select a field from the drop-down list. If you choose a Progress Through Date Attribute value, the value chosen overrides the Progress Percent Attribute.

   Show Mouseover

   Indicates the values that appear when a user moves a cursor over the bar. Select the check boxes of the items listed that you want to appear.

7. In the Show Dates on Primary Bar section, select the dates you want to show on the primary Gantt bar in the Available list and click the right arrow key to move the dates to the Selected list.
8. (Optional) To display a second bar below the primary bar for comparison purposes, select the Show Secondary Bar check box and complete the fields in the section.
9. Save the changes.

More information:

How to Configure a List

Set List Column Layout

Set List Options