Hi Team,
I would like to add bg-color to stages based on status.I did some code but not working. Please provide a suggestion. below is my code snippet.
--in .ts file
for (let i = 0; i < taskRecord.data.children.length; i++) {
if (taskRecord.data.children[i].isActiveStage && taskRecord.data.children[i].rowType === 'phase') {
renderData.cls[`b-status-${taskRecord.data.children[i].rowType}-${taskRecord.data.children[i].isActiveStage}`] =
true;
} else if (!taskRecord.data.children[i].isActiveStage && taskRecord.data.children[i].rowType === 'phase') {
renderData.cls[`b-status-${taskRecord.data.children[i].rowType}-false`] = true;
}
}
--.css file
.b-gantt-task-parent:not(.b-milestone-wrap) .b-gantt-task.b-status-phase-true {
background-color: #287da1 !important;
}
.b-gantt-task-parent:not(.b-milestone-wrap) .b-gantt-task.b-status-phase-false {
background-color: yellow !important;
}