Gantt Task background color from database

Question

Hi,I implemented the gantt control with datasource using entity framework, and each project have a color. Is it possible to customize the tasks in gantt to use the project color?thank you

Logeswari Gopalakrishnan · Answer

Hi Helder,

Yes, it is possible to customize the tasks in Gantt using queryTaskbarInfo event. For this we need to define custom fields in data source and using this field value we can customize the taskbar. Please find the below code example.

<ejs-gantt id='RemoteData' queryTaskbarInfo="window.queryTaskbarInfo">

//...

<e-gantt-columns>

//...

<e-gantt-column field="TaskColor" visible="false"></e-gantt-column>

</e-gantt-columns>

</ejs-gantt>

window.queryTaskbarInfo = function (args) {

if (args.data.TaskColor)

args.taskbarBgColor = args.data.TaskColor;

}

</script>

Please find the below sample link.

Sample - https://www.syncfusion.com/downloads/support/directtrac/general/ze/GanttSample_(5)-361404195

It is also possible to customize the task using taskbar template support.

Sample - https://ej2.syncfusion.com/aspnetcore/Gantt/TaskbarTemplate#/material

Documentation - https://ej2.syncfusion.com/aspnetcore/documentation/gantt/appearance-customization/?#taskbar-template

Regards,

Logeswari G

Helder Meneses · Answer

Hi,it's almost there :). The Color comes from the project, the task doesnt have the color column, only project. Is it possible to get the project color column, or do i need to create a column in the task database table and clone the project color?thank you...

Helder Meneses · Answer

I figured out a way to read the project color. It worked flawlessly...thank you...

Pooja Priya Krishna Moorthy · Answer

Hi Helder, 

Thanks for your update. 
We are happy to hear that your issue has been resolved. 
Please get back to us if you require further assistance on this. 

Regards, 
Pooja K