Custom Hover, Need to change opacity for hovered gantt

Gantt React Gantt
#1

Guys, need to make Custom Hover,
change opacity for hovered as 1, all other timeline as 0.5

#2

Hello Balaji,
If you want to change the opacity for the whole Gantt container, you can use the following style rules:

    #gantt_here{
        opacity: 0.5;
    }
    #gantt_here:hover{
        opacity: 1;
    }

Instead of #gantt_here you can use the selector you use for the Gantt container.

If you want to do it only for the task bars, you can use these style rules:

    .gantt_task_line, .gantt_task_link{
        opacity: 0.5;
    }
    .gantt_task_line:hover, .gantt_task_link:hover{
        opacity: 1;
    }

Here are examples:
https://snippet.dhtmlx.com/sct82p2j
https://snippet.dhtmlx.com/gufd7udp

#3

Thanks @ramil , it is working fine.