Gantt Task background color from database

[Helder Meneses]

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]

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> 

<script type="text/javascript"> 

    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]

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]

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

thank you...

[Pooja Priya Krishna Moorthy]

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