SharePoint Microsoft Lists

Gantt Chart

Last modified on October 13, 2023

This sample demonstrates the use of the Calculated column to generate a string for displaying a Gantt chart, and then parses the string to display the Gantt chart.

View on GitHub

LIST SAMPLE TYPE: Column

SHAREPOINT COMPATIBILITY: SharePoint Online

SAMPLE CATEGORIES: Hover Cards

LIST COLUMN TYPE: General

FORMATTING TOKENS: @now

FORMATTING OPERATORS: replaceAll, substring, indexOf

FORMATTING ACTIONS:

FORMATTING FEATURES: customCardProps, inlineEditField

CLASSES: ms-bgColor-themeLight, ms-bgColor-themeLighter--hover, ms-bgColor-themePrimary, ms-fontSize-s, ms-fontSize-xs

References

Use column formatting to customize SharePoint

You can use column formatting to customize how fields in SharePoint lists and libraries are displayed. To do this, you construct a JSON object that describes the elements that are displayed when a field is included in a list view, and the styles to be applied to those elements. The column formatting does not change the data in the list item or file; it only changes how it’s displayed to users who browse the list.