Displaying an error tool tip for an Image control in Flex

by Peter deHaan on May 3, 2008

in Image

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.

{ 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

Leave a Comment

Sorry, this blog is terrible at eating HTML comments.
If you're pasting any HTML/XML/MXML code, you need to convert your < characters to &lt; and your > characters to &gt; .

You can 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

Previous post:

Next post: