New to Kendo UI for AngularStart a free 30-day trial

GanttTaskContentTemplateDirective

Defines a template for the text content section of the task component. Place an <ng-template> tag with the kendoGanttTaskContentTemplate directive inside the <kendo-gantt> tag to set the template.

The template context uses the current data item.

ts
@Component({
   selector: 'my-app',
   template: `
       <kendo-gantt [kendoGanttHierarchyBinding]="data">
           <ng-template kendoGanttTaskContentTemplate let-dataItem>
               {{ dataItem.title }} - {{ dataItem.completionRatio * 100 }}% complete
           </ng-template>
       </kendo-gantt>
   `
})
class AppComponent {
   public data: any[] = sampleTasks;
}

Selector

[kendoGanttTaskContentTemplate]

In this article
Selector
Not finding the help you need?
Contact Support