Change the colour of the rectangle dynamically:

Question

Hi,
I've some tiles in wpf application. (non clickable, drawn using Rectangle). I want to change the colour of the tile depending upon condition Ok, Warning, Error to the colour Blue, Yellow, Red respectively. 
Can you please let me know how can I achieve this?
Thanks,
Santosh

Answer 1

Thanks for the response.
I'm using Datatemplate like below:
<DataTemplate x:Key="Template1" DataType="{x:Type BusinessObjects:BindableCapability}">
            <Border x:Name="CapabilityBorder"
                          Background="{StaticResource GlobalHeaderBackgroundBrush}"
                          BorderBrush="{StaticResource TileBorderBrush}"
                          BorderThickness="1"
                          Margin="8"
                          Height="200"
                          Width="420">
                <Grid>
                    <TextBlock x:Name="CapabilityTextBlock"
                                 Text="{Binding CapabilityIdentifierDescription}"
                                 Style="{StaticResource TileTitleTextStyle}"/>
                </Grid>
            </Border>
            <DataTemplate.Triggers>
                <DataTrigger Binding="{Binding IsAvailable}" Value="False">
                    <Setter TargetName="CapabilityBorder" Property="Background" Value="{StaticResource TileErrorBrush}"/>
                    <Setter TargetName="CapabilityTextBlock" Property="Foreground" Value="{StaticResource TileErrorForegroundBrush}"/>
                </DataTrigger>
            </DataTemplate.Triggers>
        </DataTemplate>
        <DataTemplate x:Key="Template2" DataType="{x:Type BusinessObjects:BindableCapability}">
            <Border x:Name="CapabilityBorder"
                          Background="{StaticResource GlobalHeaderBackgroundBrush}"
                          BorderBrush="{StaticResource TileBorderBrush}"
                          BorderThickness="1"
                          Margin="8"
                          Height="200"
                          Width="202">
                <Grid>
                    <TextBlock x:Name="CapabilityTextBlock"
                                 Text="{Binding CapabilityIdentifierDescription}"
                                 Style="{StaticResource TileTitleTextStyle}"/>
                </Grid>
            </Border>
            <DataTemplate.Triggers>
                <DataTrigger Binding="{Binding IsAvailable}" Value="False">
                    <Setter TargetName="CapabilityBorder" Property="Background" Value="{StaticResource TileErrorBrush}"/>
                    <Setter TargetName="CapabilityTextBlock" Property="Foreground" Value="{StaticResource TileErrorForegroundBrush}"/>
                </DataTrigger>
            </DataTemplate.Triggers>
        </DataTemplate>
Like Temlate1 and Templdate2, I should have one more template which fills the color dynamically for the above templates. I've 12 tiles (rectangles), I need to give some blue, some yellow and some red depending upon some condition.
Please suggest how I can achieve this?
Thanks,
Santosh