Hello. As below, we see the border color is black. But i want it to change it to color of respective task? Also if i change the task color then automatically the border color should change.
Also how can i style the tooltips, like different background color, text, borders etc?
Hello Sanmati,
Hello. As below, we see the border color is black. But i want it to change it to color of respective task? Also if i change the task color then automatically the border color should change.
It depends on how you style tasks. If you use the color property, Gantt adds the gray border style for these tasks, as Gantt doesn’t know which color for the border they should have:
.gantt_task_line.gantt_task_inline_color {
border-color: rgba(33, 33, 33, 0.3);
}
Here is an example in the snippet:
https://snippet.dhtmlx.com/4hefnzgq
If you colorize tasks via CSS, you will need to manually add the style rules for each task. Or you can use a similar style rule:
.gantt_task_line {
border-color: rgba(33, 33, 33, 0.3);
}
Here is the snippet:
https://snippet.dhtmlx.com/lz5wz566
Also how can i style the tooltips, like different background color, text, borders etc?
You can use the gantt_tooltip selector to modify the styles of the tooltip:
Thanks for ur reply Ramil
Hello. Thanks for ur reply but can i have the border color ,as color of progress bar as shown above
And also with gannt_tooltip we can change the size and all of tooltip box. How can i style the inner content of tooltip(styling other than making it bold) just like a div styling?
Thanks i got it. just added custom styling
