WPF Textbox Background Color based on text length

Question

I have a textbox in a listview itemtemplate. I want to change the background color of the textbox to red whenever the length is greater than 75 characters, and I need the background color to update as the user types. What is the best way to achieve this in WPF?

Answer 1

I believe something like this would work. It would require you to write your own background color converter.

<TextBox 
    Background="{Binding RelativeSource={RelativeSource self},
        Path=Text, 
        UpdateSourceTrigger=PropertyChanged,
        Converter={StaticResource backgroundColorConverter}}" 
    ... 
/>

Another option would be to use a DataTrigger like below. This would also require a converter to check if the length of the string was more than 75.

<TextBox>
    ....
    <TextBox.Style>
        <Style TargetType="{x:Type TextBox}">
            <Setter Property="Background" Value="YourDefaultColor" />
            <Style.Triggers>
                <DataTrigger Binding="{Binding ElementName=YourTextBox, Path=Text, Converter={StaticResource textLengthColorConverter}}" Value="True">
                    <Setter Property="Background" Value="Red" />
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </TextBox.Style>
</TextBox>