Example of Task Label Template in ASP.NET Core Gantt Control

Gantt Chart
Templates
Task Label Template

This sample explains the way of rendering label template for left, right, and task labels by mapping template elements to the leftLabel, rightLabel and taskLabel properties in labelSettings.

1
Project initiation
4/2/20254/7/20254 days0
2
Identify Site location
4/2/20254/2/20250 days30Martin Tamer
3
Perform soil test
4/2/20254/7/20254 days2FS0Rose Fuller,Margaret Buchanan,Davolio Fuller
4
Soil test approval
4/7/20254/7/20250 days3FS30
5
Project estimation
4/8/20254/15/20256 days15
6
Develop floor plan for estimation
4/8/20254/10/20253 days4FS30Fuller King
7
List materials
4/11/20254/15/20253 days6FS0Fuller King,Jack Davolio
8
Estimation approval
4/15/20254/15/20250 days7FS0Construction Supervisor,Davolio Fuller
9
Sign contract
4/16/20254/16/20251 day8FS30Construction Supervisor
10
Project approval and kick off
4/16/20254/16/20250 days9FS0
11
Site work
4/17/20254/22/20254 days15
12
Clear the building site
4/17/20254/18/20252 days9FS30
13
Install temporary power service
4/21/20254/22/20252 days12FS0
14
Foundation
4/23/20254/28/20254 days0
15
Excavate for foundations
4/23/20254/24/20252 days13FS0Fuller King,Van Jack
16
Pour concrete
4/25/20254/28/20252 days15FS0Davolio Fuller
17
Foundation inspection
4/28/20254/28/20250 days16FS0Van Jack
18
Framing
4/29/20255/5/20255 days0
19
Frame walls
4/29/20255/1/20253 days17FS0Fuller Buchanan,Jack Davolio
20
Install roof trusses
5/2/20255/5/20252 days19FS0Tamer Vinet
21
Framing inspection
5/5/20255/5/20250 days20FS0Vinet Fuller
22
Roofing
5/6/20255/9/20254 days0
23
Install roof sheathing
5/6/20255/7/20252 days21FS0Bergs Anton,Construction Supervisor
24
Lay roofing material
5/8/20255/9/20252 days23FS0Martin Tamer
25
Exterior Finishing
5/12/20255/16/20255 days0
26
Install siding
5/12/20255/14/20253 days24FS0Rose Fuller,Margaret Buchanan
27
Exterior painting
5/15/20255/16/20252 days26FS0Fuller King
28
Plumbing Installation
5/19/20255/21/20253 days27FS0Davolio Fuller,Van Jack
29
Electrical Installation
5/22/20255/26/20253 days28FS0Fuller Buchanan
30
Final Inspection
5/26/20255/26/20250 days29FS0Jack Davolio
Project initiation [ 0% ]
0%
Identify Site location [ 30% ]
Profile PictureMartin Tamer
Perform soil test [ 0% ]
0%
Profile PictureRose FullerProfile PictureMargaret BuchananProfile PictureDavolio Fuller
Soil test approval [ 30% ]
Project estimation [ 15% ]
15%
Develop floor plan for estimation [ 30% ]
30%
Profile PictureFuller King
List materials [ 0% ]
0%
Profile PictureFuller KingProfile PictureJack Davolio
Estimation approval [ 0% ]
Profile PictureConstruction SupervisorProfile PictureDavolio Fuller
Sign contract [ 30% ]
30%
Profile PictureConstruction Supervisor
Project approval and kick off [ 0% ]
Site work [ 15% ]
15%
Clear the building site [ 30% ]
30%
Install temporary power service [ 0% ]
0%
Foundation [ 0% ]
0%
Excavate for foundations [ 0% ]
0%
Profile PictureFuller KingProfile PictureVan Jack
Pour concrete [ 0% ]
0%
Profile PictureDavolio Fuller
Foundation inspection [ 0% ]
Profile PictureVan Jack
Framing [ 0% ]
0%
Frame walls [ 0% ]
0%
Profile PictureFuller BuchananProfile PictureJack Davolio
Install roof trusses [ 0% ]
0%
Profile PictureTamer Vinet
Framing inspection [ 0% ]
Profile PictureVinet Fuller
Roofing [ 0% ]
0%
Install roof sheathing [ 0% ]
0%
Profile PictureBergs AntonProfile PictureConstruction Supervisor
Lay roofing material [ 0% ]
0%
Profile PictureMartin Tamer
Exterior Finishing [ 0% ]
0%
Install siding [ 0% ]
0%
Profile PictureRose FullerProfile PictureMargaret Buchanan
Exterior painting [ 0% ]
0%
Profile PictureFuller King
Plumbing Installation [ 0% ]
0%
Profile PictureDavolio FullerProfile PictureVan Jack
Electrical Installation [ 0% ]
0%
Profile PictureFuller Buchanan
Final Inspection [ 0% ]
Profile PictureJack Davolio

In this demo, the label template is rendered using the leftLabel, rightLabel and taskLabel properties in labelSettings.


More information on the Essential® Gantt Chart can be found in this documentation section.

Transform your ASP.NET Core web apps today with Syncfusion® ASP.NET Core components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
opens in a new tab