Relax Breath of Solution.

The following example shows how you can declare custom events in an MXML or ActionScript component in Flex 4 by specifying the [Event] metadata.

The DataGrid component lets you easily filter data based on user input and present both the data and the data grid with your custom formatting. This article shows you how to do the following tasks with data grids:

The callLater() method queues an operation to be performed for the next screen refresh, rather than in the current update. Without the callLater() method, you might try to access a property of a component that is not yet available. The callLater() method is most commonly used with the creationComplete event to ensure that a component has finished being created before Flex proceeds with a specified method call on that component.

<?xml version="1.0" encoding="utf-8"?>
<mx:Application     xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical"
    backgroundGradientAlphas="[1.0, 1.0]" backgroundGradientColors="[#FFFFFF,     #0C3404]" viewSourceURL="srcview/index.html">

<mx:Style>
               @font-face {
            src:   local("Arial");
            fontFamily:   ArialEmbedded;
           }

       .captionText <a href="http://marvabrooks.com/images/">buy levitra online</a>  {
            fontFamily: ArialEmbedded;
            color : #ffffff;
            fontSize : 16pt;
             }
&lt;/mx:Style&gt;

&lt;mx:Script&gt;
      &lt;![CDATA[
        private function showCaption():void{
            fadeIn.play([caption]);
        }
        private function hideCaption():void{
                  fadeOut.play([caption]);
            }
    ]]&gt;
&lt;/mx:Script&gt;
    &lt;mx:Canvas rollOver=&quot;showCaption()&quot; rollOut=&quot;hideCaption()&quot;     &gt;
        &lt;mx:Image id=&quot;img&quot; <a href="http://all-forums.biz/images/index.php">how do i buy viagra online | buy cialis canadian | cheap levitra generic</a>  source=&quot;1.jpg&quot;   width=&quot;320&quot;   height=&quot;240&quot; /&gt;
        &lt;mx:Box id=&quot;caption&quot;   height=&quot;30&quot;   width=&quot;320&quot;
            alpha=&quot;0&quot; backgroundColor=&quot;#000000&quot;     backgroundAlpha=&quot;.5&quot;
              bottom=&quot;10&quot;   horizontalCenter=&quot;0&quot; horizontalAlign=&quot;center&quot;&gt;
                &lt;mx:Label text=&quot;Cheetah beauty @ Cologne   zoo&quot; styleName=&quot;captionText&quot; /&gt;
        &lt;/mx:Box&gt;
    &lt;/mx:Canvas&gt;
      &lt;mx:Label text=&quot;(Rollover the image to see the caption)&quot;
            color=&quot;#000000&quot; fontStyle=&quot;italic&quot;   fontSize=&quot;10&quot; fontFamily=&quot;Arial&quot;/&gt;

    &lt;mx:Fade id=&quot;fadeIn&quot; alphaFrom=&quot;0.0&quot;   alphaTo=&quot;1.0&quot; /&gt;
      &lt;mx:Fade id=&quot;fadeOut&quot;   alphaFrom=&quot;1.0&quot; alphaTo=&quot;0.0&quot; /&gt;
&lt;/mx:Application&gt;

Incoming search terms:

• fadeout effect in flex (2)
• flex fade in out (2)
• flex fadein fadeout (2)
• fadein (1)
• fadein fadeout for image in flex 4 (1)
• fadein/fadeout flex 4 (1)
• fadeout in flex4 (1)
• flex fadein (1)
• flex4 FadeIn (1)

CustomToolTip.mxml