Change color of task dynamically

[Gian]

Hi,

i would like to change the color of a specific task with a button click, is it possible?

In order to obtain this result below.

Best regards

Gian Piero Truccolo

[Sridevi Sivakumar]

Hi Gian Piero Truccolo,

Query: I would like to change the color of a specific task with a button click, is it possible

No, in Gantt control, we don’t support to change the specific task color dynamically, let us know if you need any further assistance.

Regards,
Sridevi S. 

 

[Gian]

Hi,

does exist a workaround to reach this goal?

For example rigenerate l'itemsource?or something else?

Best regards

Gian Piero Truccolo

[Sridevi Sivakumar]

Hi Gian Piero Truccolo,

Query: does exist a workaround to reach this goal?
We have achieved your requirement at the sample level by customizing the node color dynamically as per the below code snippet.

In the below code snippet, we have added the Brush property to customize the node color 

 public class Task : NotificationObject 

    { 

        Brush nodeColor = (SolidColorBrush)new BrushConverter().ConvertFrom("#FF6BE6ED" 

....

      public Brush NodeColor 

        { 

            get 

            { 

                return nodeColor; 

            } 

            set 

            { 

                nodeColor = value; 

                RaisePropertyChanged("NodeColor"); 

            } 

        }

.... 

We have customized the node template and binding the NodeColor property to the node border.  

<Style TargetType="chart:GanttNode" 

               x:Key="TaskNode"> 

        <Setter Property="HorizontalAlignment" 

                    Value="Left" /> 

        <Setter Property="Template"> 

            <Setter.Value> 

                <ControlTemplate TargetType="chart:GanttNode">
...
 <Border Name="PART_Border" 

                                    Height="11" 

                                    Width="{TemplateBinding Width}" 

                                    HorizontalAlignment="Left" 

                                    VerticalAlignment="Center" 

                                    SnapsToDevicePixels="True" 

                                    BorderThickness="0,0.4,0,0.4" 

                                    BorderBrush="Black" 

                                    Background="{Binding NodeColor}">

....... 

Change the 1st node color when clicking the "Change color" button 

        private void TestButton_Click(object sender, RoutedEventArgs e) 

        { 

          (this.Gantt.ItemsSource as ObservableCollection<Task>)[0].ChildTask[0].NodeColor = (Brush)new BrushConverter().ConvertFromString(nodeColors[r.Next(0, 9)]); 

        } 

Screenshot: 

Please have a sample from the below link
https://www.syncfusion.com/downloads/support/directtrac/general/ze/GanttSample-1991534926

Let us know if you need any further assistance.

Regards,
Sridevi S.