Also, how do you control the position of the arrow that is part of the border?

I don’t know that it is a “better” solution, but I posted another technique on the other entry: “Customizing a Flex TextInput control’s error color”

I’ll probably try and convert my solution to a full blog entry later this evening when I get some time (if you wanted to hold out for a SWF and all that stuff).

Peter

New entry posted: “Dynamically styling error tips in Flex”

And here i found my answer, yet it wasnt as straith forward as i would’ve wanted.
In the validation i set a flag with either the status of warning, error

Also when i initialize my Textinput i add an event listener like this

myTxt.addEventListener(ToolTipEvent.TOOL_TIP_SHOWN, textInput_toolTipShown);

finally on the event listener i check for my flag

private function textInput_toolTipShown(evt:ToolTipEvent):void {
    var tt:ToolTip = evt.toolTip as ToolTip;
    if (errorState) {
        myTxt.setStyle("errorColor", "#FF0000");
        tt.setStyle("borderColor","#FF0000");
    } else {
        tt.setStyle("borderColor","#FFCC00");
        myTxt.setStyle("errorColor", "#FFCC00");
    }
}

I’m posting it so if anyone has the same problem theres some reference of how i did it
also if u have a better solution it be great to see it.

Regards,

Hi, i was wondering, how would you change dynamically the errorTip color?

I want to set warnings and errors.
Warnings being yellow & errors red.

Ive been trying to set

errorTip {
    borderColor: #FF0000;
}

and then programatically change it to say

warnTip {
    borderColor #FFCC00;
}

But i dont know what to set it to.
I was changing the whole TextInput style, so it would also change the errorColor respectively, and that works fine.

Yet i dont know how to change the errorTip, since i dont know to what element to apply the .styleName to

and applying it to the input as

setStyle("errorTip.borderColor", "#FFCC00")

or

setStyle("errorTip", "#FFCC00")

dont seem to work either.

Any clues?

Thanks Peter!

I don’t know of an easy way off the top of my head. But I’m sure you could make a custom skin or something which would do what you need. You’d have better luck asking on FlexCoders.

Sorry,
Peter

Setting the borderColor is enough. I just set the errorColor style so the colors would match (by default the errorColor seems to be red (#FF0000)).

Peter