How to set the different EventContainer background color

[zhu]

Hi guys,

I Want to change the EventContainer background color by Progress Value

please tell me how to set How to set the different EventContainer background color

[Dilyan Traykov]

Hi zhu,

You can set a different Background for the different tasks based on their Progress by defining a similar style:

<local:ProgressToBackgroundBrushConverter x:Key="ProgressToBackgroundBrushConverter" />
<Style TargetType="telerik:EventContainer">
    <Setter Property="Background" Value="{Binding OriginalEvent.Progress, Converter={StaticResource ProgressToBackgroundBrushConverter}}" />
</Style>

In the converter you can then determine what brushes to return based on the current progress:

public class ProgressToBackgroundBrushConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        var progress = double.Parse(value.ToString());
        if (progress < 20)
        {
            return Brushes.Red;
        }

        return Brushes.Green;
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

I've prepared a small sample project to demonstrate this in action.

Please have a look and let me know if such an approach would work for you.

Regards,
Dilyan Traykov
Progress Telerik