Example of Taskbar Template in Javascript Gantt Chart Control

Taskbar Template

This sample visualizes the complete event schedule of the 90th Academy awards. Taskbars are customized using template support and timeline header is customized for a better view of the data.

More Details...


The Gantt chart provides support for customizing taskbar UI using taskbar template feature. The taskbarTemplate property accepts either string or HTML element`s ID value, which will be used as the template for the taskbars. The summary tasks and the milestone items can also customized using the parentTaskbarTemplate and milestoneTemplate properties. In this demo, we have customized the taskbar UI to display the data from custom columns and the taskbarTemplate is assigned with the ID of a SCRIPT element whose content is used as the template. The template expression should be provided inside ${...} interpolation syntax Injecting Module: Gantt control features are segregated into individual feature-wise modules. To use markers, inject the DayMarkers module using the Gantt.Inject(DayMarkers) method and use a selection by injecting the Selection module using the Gantt.Inject(Selection) method.