03
May
08

Displaying an error tool tip for an Image control in Flex

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 Responses to “Displaying an error tool tip for an Image control in Flex”


  1. 1 min May 5th, 2008 at 1:32 pm

    this is awesome!

  2. 2 Marc Nov 30th, 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?

  3. 3 Peter deHaan Nov 30th, 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

Leave a Reply

This blog is terrible at eating HTML tags. If you plan on posting code/XML, please escape your "<" characters as "&lt;" and your ">" characters as "&gt;".




Badge Farm

  • Powered by Redoable 1.2
  • Cornify
  • Feeds burnt by Feedburner
  • Feed