Our state of the art Gantt chart


Post by Lavanya Maddiboina »

Hi Team,

I have requirement where for each Gantt task bar has different colors assigned based on the type but when i click on Critical path I dont see the color of bars changing.

Critical path Color gets updated to the bars which does not have custom colors assigned.

In the attachment grey color should be replaced with critical path color. But that does not happen.

Can you please provide work around to overcome this issue.

Attachments
critical path.PNG
critical path.PNG (25.45 KiB) Viewed 235 times

Post by saki »

Post please a showcase that we could run, investigate and debug. Meanwhile you can check how it is implemented in our https://bryntum.com/examples/gantt/criticalpaths/ demo and also the feature: https://bryntum.com/docs/gantt/#Gantt/feature/CriticalPaths

You also need css classes similar to the above demo. For example:

.b-gantt .b-grid-row .b-grid-cell {
    transition      : background-color 0.2s;
}

.b-gantt-critical-paths .b-grid-subgrid-locked .b-grid-row.b-critical {
    .b-grid-cell {
        background-color: #ffcccc;
    }

    &.b-selected {
        background-color: #ff9999;
    }

    .b-theme-classic-dark & {
        .b-grid-cell {
            background-color: #663333;
        }

        &.b-selected {
            background-color: #330000;
        }
    }
}

Post Reply