The following example shows how you can display an error string on the Flex Image control when an image is unable to be loaded.

Full code after the jump.

View MXML

<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2008/05/03/displaying-an-error-tool-tip-for-an-image-control-in-flex/ -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="middle"
        backgroundColor="white">

    <mx:Image id="img"
            source="http://www.helpexamples.com/flash/images/404.gif"
            width="160"
            height="120"
            ioError="img.errorString = event.text;" />

</mx:Application>

View source is enabled in the following example.

The error string only appears if you hover your mouse over the broken image skin.

 
Tagged with:
 
About The Author

Peter deHaan

Peter deHaan currently works for Adobe on the Flex SDK QA team. While not working on Flex, Flash, and ColdFusion applications, Peter enjoys making up bios and writing in 3rd person. Peter's rarely updated blog can be found at blogs.adobe.com/pdehaan/, actionscriptexamples.com, airexamples.com, and coldfusionexamples.com.

3 Responses to Displaying an error tool tip for an Image control in Flex

  1. min says:

    this is awesome!

  2. Marc says:

    Unfortunately, the big disadvantage with Flex error tool tips is that they are shown only, when the mouse hovers over the regarding control. Is there any way to show and hide such a tool tip programmatically?

  3. Peter deHaan says:

    Marc,

    Check out the ToolTipManager class. This entry may help, “Creating tool tips manually using the ToolTipManager class”, or if not, check out some other posts in the ToolTipManager category archive or tag archive.

    Peter

Leave a Reply

Your email address will not be published.

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="">

Anti-Spam Protection by WP-SpamFree