ToolTip {
fontFamily: “Arial”;
fontSize: 19;
fontStyle: “italic”;
color: #FF6699;
backgroundColor: #33CC99;
}

<?xml version=”1.0″?>
<!– validators\PhoneExample.mxml –>
<mx:Application xmlns:mx=”http://www.adobe.com/2006/mxml”> 
<mx:Form id=”contactForm”>
<mx:FormItem id=”homePhoneItem” label=”Home Phone”>
<mx:TextInput id=”homePhoneInput”/>
</mx:FormItem>
<mx:FormItem id=”cellPhoneItem” label=”Cell Phone”>
<mx:TextInput id=”cellPhoneInput”/>
</mx:FormItem>
<mx:FormItem id=”emailItem” label=”Email”>
<mx:TextInput id=”emailInput”/> 
</mx:FormItem>
</mx:Form>

<mx:PhoneNumberValidator id=”pnVHome”
        source=”{homePhoneInput}” property=”text”/>
<mx:PhoneNumberValidator id=”pnVCell”
        source=”{cellPhoneInput}” property=”text”/>
<mx:EmailValidator id=”emV”
        source=”{emailInput}” property=”text”/>
</mx:Application>

Hi friends…

Today am study about the tooltips…

It is make the application very easier by display messages.

*When u moves the mouse pointer over the UI component the tooltip messages will appear.

*when u moves the mouse pointer away or click  the UI component the tooltip messages will disappear.

Am publish ,so many examples in theis blog if didn,t get sent the qureies…

<?xml version=”1.0″?>

<mx:Application xmlns:mx=”http://www.adobe.com/2006/mxml”>

<mx:Form id=”identityForm”>

<mx:FormItem id=”ssnItem” label=”SocialSecurityNumber”>

<mx:TextInput id=”ssnField”/>

</mx:FormItem>

<mx:FormItem id=”licenseItem” label=”Driver’s License Number”>

<mx:TextInput id=”licenseInput”/>

</mx:FormItem>

</mx:Form>

<mx:SocialSecurityValidator id=”ssV”

source=”{ssnField}” property=”text”/>

</mx:Application>

<?xml version=”1.0″?>
<mx:Application xmlns:mx=”http://www.adobe.com/2006/mxml”>

    <mx:Form id=”addressForm”>
        <mx:FormItem id=”zipCodeItem” label=”Zip Code”>
            <mx:TextInput id=”zipInput”/>
        </mx:FormItem>
        <mx:FormItem id=”submitArea”> 
            <mx:Button label=”Submit”/>
        </mx:FormItem>  
    </mx:Form>

    <mx:ZipCodeValidator id=”zipV”
        source=”{zipInput}” property=”text”
        domain=”US or Canada”/>
</mx:Application>

With Regards
P.Sakthivel

*By default, Flex sets the listener property to the value of the source property.

*To validate one component but have validation results apply to a different component,

<?xml version=”1.0″?>
<!– validators\SetListener.mxml –>
<mx:Application xmlns:mx=”http://www.adobe.com/2006/mxml”>

    <mx:ZipCodeValidator id=”zipV”
        source=”{zipCodeInput}”
        property=”text”
        listener=”{errorMsg}”/>

    <mx:TextInput id=”zipCodeInput”/>
    <mx:TextArea id=”errorMsg”/>
</mx:Application>

<?xml version=”1.0″?> <!– validators\SetListener.mxml –>

<mx:Application xmlns:mx=”http://www.adobe.com/2006/mxml”>

<mx:ZipCodeValidator

id=”zipV”

source=”{zipCodeInput}”

property=”text”

listener=”{errorMsg}”/>

<mx:TextInput id=”zipCodeInput”/>

<mx:TextArea id=”errorMsg”/>

</mx:Application>

Today am learned about validators  like…

*Changing the color of the validation error message

*Clearing a validation error

* Specifying a listener for validation

*Validating ZIP codes

*Validating strings

*Validating social security numbers

*Validating phone numbers