Data Binding 101 Expression Syntax: Listing 2

Modified TextBox Style.

• By Nick Randolph
• 10/29/2012

<Style x:Key="DataErrorStyle" TargetType="TextBox">
    <Setter Property="FontFamily" Value="{StaticResource PhoneFontFamilyNormal}"/>
    <Setter Property="FontSize" Value="{StaticResource PhoneFontSizeMediumLarge}"/>
    <Setter Property="Background" Value="{StaticResource PhoneTextBoxBrush}"/>
    <Setter Property="Foreground" Value="{StaticResource PhoneTextBoxForegroundBrush}"/>
    <Setter Property="BorderBrush" Value="{StaticResource PhoneTextBoxBrush}"/>
    <Setter Property="SelectionBackground" Value="{StaticResource PhoneAccentBrush}"/>
    <Setter Property="SelectionForeground" Value="{StaticResource PhoneTextBoxSelectionForegroundBrush}"/>
    <Setter Property="BorderThickness" Value="{StaticResource PhoneBorderThickness}"/>
    <Setter Property="Padding" Value="2"/>
    <Setter Property="Template">
    	<Setter.Value>
    		<ControlTemplate TargetType="TextBox">
    			<Grid x:Name="grid" Background="Transparent">
    				<VisualStateManager.VisualStateGroups>
<VisualStateGroup x:Name="CommonStates">
    ...
</VisualStateGroup>
<VisualStateGroup x:Name="FocusStates">
    ...
</VisualStateGroup>
<VisualStateGroup x:Name="ValidationStates">
    <VisualState x:Name="InvalidUnfocused">
    	<Storyboard>
    		<ObjectAnimationUsingKeyFrames 
                Storyboard.TargetProperty="(Border.BorderBrush)" 
                Storyboard.TargetName="border">
    			<DiscreteObjectKeyFrame KeyTime="0">
    				<DiscreteObjectKeyFrame.Value>
    					<SolidColorBrush Color="Red"/>
    				</DiscreteObjectKeyFrame.Value>
    			</DiscreteObjectKeyFrame>
    		</ObjectAnimationUsingKeyFrames>
    	</Storyboard>
    </VisualState>
    <VisualState x:Name="Valid"/>
    <VisualState x:Name="InvalidFocused">
    	<Storyboard>
    		<ObjectAnimationUsingKeyFrames 
                Storyboard.TargetProperty="(Border.BorderBrush)" 
                Storyboard.TargetName="border">
    			<DiscreteObjectKeyFrame KeyTime="0">
    				<DiscreteObjectKeyFrame.Value>
    					<SolidColorBrush Color="Red"/>
    				</DiscreteObjectKeyFrame.Value>
    			</DiscreteObjectKeyFrame>
    		</ObjectAnimationUsingKeyFrames>
    	</Storyboard>
    </VisualState>
</VisualStateGroup>    					
    				</VisualStateManager.VisualStateGroups>
<Border x:Name="border" BorderThickness="1" 
        Margin="{StaticResource PhoneTouchTargetOverhang}">
    <Border x:Name="EnabledBorder" BorderBrush="{TemplateBinding BorderBrush}" 
            BorderThickness="{TemplateBinding BorderThickness}" 
            Background="{TemplateBinding Background}" >
        <ContentControl x:Name="ContentElement" BorderThickness="0" 
                        HorizontalContentAlignment="Stretch" 
                        Margin="{StaticResource PhoneTextBoxInnerMargin}" 
                        Padding="{TemplateBinding Padding}" 
                        VerticalContentAlignment="Stretch"/>
    </Border>
</Border>
...
    			</Grid>
    		</ControlTemplate>
    	</Setter.Value>
    </Setter>
</Style>