29Jul/103
Error border skin in Textinput
A flex Textinput control uses the errorcolor property to change the border color when a validator associated with the component fails to validate the textinput.
Interestingly this color does not appear when the same textinput is using a flash based focus skin.The problem is that the focus skin tends to hide the error color around so after a bit of investigation and there is no style which would let us specify a border skin for the error state.So we found the solution by subclassing textinput and defining another style called errorskin(which is just another border skin that you would want to use for showing validation errors,preferably in a red shade).
Check out the working sample(with view source).
July 29th, 2010 - 19:22
useful information
July 29th, 2010 - 19:31
Change border color at validation error
Step 1. On focusIn, left side of flex textinput control become light blue, Step 2. At the validation, entire control border become red and left side of the control become, thick red vertical line, Step 3. Now when I gradually delete additional letters from the textinput control, entire red outline border automatically removed, but I can see red think line of the left side of the textinput control is still there, My requirements are, 1. Validation colors need to change. 2. After validation, remain left red think vertical line need to change to normal focusIn color(light blue) Can anyone help me to achieve this, is that event fire, CSS changes, function overwrite. Thanks in advanced.
July 29th, 2010 - 19:32
What a great blog! It’s a pity that i can’t find your rrs address. If you can offer rrs subscription service, i can track your blog easier