Displaying a Custom List

Previous Knowledge

If you use a custom list to create an organisation chart there are some additional steps that must be completed in order for the chart to be able to display the information that your require.

In this example the page author wishes to create an organisation chart from a custom list named SimpleOrgChart that has the fields Title, Person ID, Manager and picture.

Select data source

The page author has selected SharePoint List as the data source, Person ID as the primary key, Manager as the manager field and SimpleOrgChart as the name of the list.

Upon apply the properties the structure of the organisation chart can be seen.

However because this is a custom list the information within the boxes is not displayed. This is becase the SharePoint Org Chart has not worked out which fields the end user would like to see.

Turn on Debug Mode

A useful tip at this stage is to turn on the Debug Mode that can be found at the bottom of the Troubleshooting property section.

This will display additional information. Within this is a section labeled Available Fields this is a list of the fields available to use in the SharePoint Org Chart.
 

Complete Configuration

The page author now completes the configuration by opening the Chart Items configuration section and placing the value Picture in the Picture Column property. This tells the web part which field contains the picture.

In the Columns to Show property the page author enters a comma separated list of field names that will be shown. In this case she enters Person ID, Title

But could have used any of the fields contained in the list and shown in the Available Fields information section.

Apply changes

After applying these properties the organisation chart will display the correct information and the configuration is complete.