Displaying an error tool tip for an Image control in Flex

by Peter deHaan on May 3, 2008

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 as: errorString, ioError

{ 3 comments… read them below or add one }

1 min May 5, 2008 at 1:32 pm: this is awesome!

Reply
2 Marc November 30, 2008 at 6:28 am: 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?

Reply
3 Peter deHaan November 30, 2008 at 9:08 pm: 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

Reply