Our state of the art Gantt chart


Post by kamran812 »

Hi,

We want to do the customization in Gantt Area according to our UI preferences like color theme, text alignments, borders, thickness of lines task colors etc.
Please let me know what will be the best approach to write our CSS customization to overwrite the original one?
Obviously, we are not going to change all of the look but some according to our website UI/theme.

Waiting for your reply

Thank you


Post by tasnim »

Hello,
To achieve that, please check out our guide on styling here https://bryntum.com/products/gantt/docs/guide/Gantt/customization/rendering_and_styling

Good Luck :),
Tasnim


Post by kamran812 »

Thank you for the reply Tasnim.
Just need to know that how to change the color of this dotted line of project start and end. Asking this because It is not coming in inspect element (dev tools).

Attachments
Screenshot 2022-11-28 120019.png
Screenshot 2022-11-28 120019.png (22.64 KiB) Viewed 205 times

Post by tasnim »

You could use this selector to change the color of that dotted line

.b-timeline-subgrid .b-sch-line {
	border-color : black;
}
Attachments
dotted color changed.png
dotted color changed.png (9.38 KiB) Viewed 201 times

Post by kamran812 »

ok great! Thank you for the help


Post Reply