Our state of the art Gantt chart

Post by ahmad.siddique »

Hi everyone,

In gantt we have

labelsFeature: {right: {field: 'name'}}

using which we can adjust the position of label and change the label of Task.
If i simply provide the field of users

labelsFeature: {right: {field: 'name'}, left: {field: 'users'}},

to labelsFeatures it shows simple text like :

Screenshot 2024-05-15 at 4.33.21 PM.png
Screenshot 2024-05-15 at 4.33.21 PM.png (16.58 KiB) Viewed 126 times

What I want is that there should be a feature in Gantt Feature like

Task Label

to show/hide resources as avatar with the Task Label.

Something like this:

Screenshot 2024-05-15 at 4.36.08 PM.png
Screenshot 2024-05-15 at 4.36.08 PM.png (7.38 KiB) Viewed 126 times
Screenshot 2024-05-15 at 4.34.27 PM.png
Screenshot 2024-05-15 at 4.34.27 PM.png (80.14 KiB) Viewed 126 times

Post by tasnim »


Thanks for reaching out. You should be able to use the renderer to achieve this https://bryntum.com/products/gantt/docs/api/Scheduler/feature/Labels#typedef-SchedulerLabelConfig

Best regards,

Post by ahmad.siddique »

Thanks Tasnim for the solution.
Can you also please guide me on how I can show/Hide it?

If I Hide Task Labels its hides both the Label and the Assigned Resource. I want Assigned Resource to be controlled separately.

Post by tasnim »


Sure, here is a codepen demo for you https://codepen.io/dv-auntik/pen/VwOewvQ?editors=0110

msedge_MmPkD1symW.gif (287.35 KiB) Viewed 55 times

Hope it helps.

Best regards,

Post by ahmad.siddique »

Thanks Tasnim, Not exactly what I wanted but it helped.

Post Reply