# Configure Data Sources

Source: [https://docs.virtosoftware.com/docs/virto-gantt-chart/virto-gantt-chart-app-installation-and-configuration/configure-data-sources/](https://docs.virtosoftware.com/docs/virto-gantt-chart/virto-gantt-chart-app-installation-and-configuration/configure-data-sources/)
Product: Virto Gantt Chart App
Updated: 2026-08-12


Before you adjust Gantt view, configure data sources. You may use a single SharePoint list as a data source or choose multiple lists to display in a single Gantt chart.

***Note****: SharePoint Task list is the best option of a data source for your future Gantt chart. However, you can use custom SharePoint list too. Just make sure it contains fields you can use for proper work of the Gantt chart (start/end date, lookup field for predecessor, and etc.). The data source list also should contain the Parent ID field.*

In the Edit page mode click “Edit web part”. The Virto Gantt Chart app settings will appear on the right part of the page.

![Virto Gantt Chart app settings panel opened on the right after clicking Edit web part in SharePoint](https://img-docs.virtosoftware.com/wp-content/uploads/2024/11/configure_data_sources_1-1024x296.jpg)

Click “Add” under the List of data sources.

![Add button under List of data sources in the Virto Gantt Chart settings](https://img-docs.virtosoftware.com/wp-content/uploads/2024/11/configure_data_sources_2.png)

Now fill in the fields as described in the steps below to add the new data source to the app.

![New data source form with the fields to fill in for the Virto Gantt Chart app](https://img-docs.virtosoftware.com/wp-content/uploads/2024/11/configure_data_sources_3-1024x574.jpg)

**Step 1**. Specify the name of the new data source and type the site URL where the list you’re going to add belongs to (the URL of the current site appears automatically, but you can change it).

![Step 1 entering the data source name and site URL of the SharePoint list to add](https://img-docs.virtosoftware.com/wp-content/uploads/2024/11/configure_data_sources_4.jpg)

**Step 2**. Choose a SharePoint list.

![Step 2 choosing a SharePoint list as the data source for the Gantt chart](https://img-docs.virtosoftware.com/wp-content/uploads/2024/11/configure_data_sources_5.jpg)

**Step 3**. Now chose the fields from your list to show in the Gantt chart. Make sure you have chosen all the required fields.

![Step 3 selecting which list fields to show in the Gantt chart, including required fields](https://img-docs.virtosoftware.com/wp-content/uploads/2024/11/configure_data_sources_6.png)

**Step 4**. Decide which fields you would like to show in the table part of the Gantt chart.

![Step 4 choosing which fields appear in the table part of the Gantt chart](https://img-docs.virtosoftware.com/wp-content/uploads/2024/11/configure_data_sources_7.png)

**Step 5**. Color-code the tasks. You can specify colors for data source rows on the left part of the Gantt, tasks, text in bar, milestone, summary task and task progress bar.

![Step 5 color-coding options for data source rows, tasks, milestones, summary tasks and progress bars](https://img-docs.virtosoftware.com/wp-content/uploads/2024/11/configure_data_sources_8.jpg)

Color-coded Gantt chart may look completely different to default colors. Use this functionality to distinguish multiple data sources and for other purposes. Compare classic and color-coded Gantt charts below.

![Virto Gantt chart shown with default colors before color-coding is applied](https://img-docs.virtosoftware.com/wp-content/uploads/2024/11/configure_data_sources_9.jpg)

![Same Virto Gantt chart after color-coding to distinguish multiple data sources](https://img-docs.virtosoftware.com/wp-content/uploads/2024/11/configure_data_sources_10.jpg)

**Step 6**. Decide which fields you need to display in the task view form.

![Step 6 selecting which fields to display in the task view form of the Gantt chart](https://img-docs.virtosoftware.com/wp-content/uploads/2024/11/configure_data_sources_11.png)

You also can define fields to display in child task and milestone forms.

![Defining fields to display in the child task and milestone forms of the Gantt chart](https://img-docs.virtosoftware.com/wp-content/uploads/2024/11/configure_data_sources_12.png)

Remember to save the new data source.

![Saving the newly configured data source in the Virto Gantt Chart settings](https://img-docs.virtosoftware.com/wp-content/uploads/2024/11/configure_data_sources_13.png)

This way you can add as many data sources as you need and use them for creating Gantt charts.

![List of data sources with multiple SharePoint lists added for building Gantt charts](https://img-docs.virtosoftware.com/wp-content/uploads/2024/11/configure_data_sources_14.png)