Adding icons to Panel containers

How can I add a toolTip to the titleIcon? Thanks. You’re site has helped me tremendously, keep up the good work….please!

Reply

Adam,

Not sure if this is the “best” way, but this seems to work (although it does use mx_internal namespace, so I can’t guarantee it will work this way in the future (or in past versions).

Since I don’t have a very high confidence level in this code, I’ll just post it in the comments here instead of making it a new entry.

<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2007/08/02/adding-icons-to-panel-containers/ -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="middle"
        backgroundColor="white">

    <mx:Script>
        <![CDATA[
            import mx.core.UIComponent;
            import mx.controls.Image;

            private function init():void {
                var titleBar:UIComponent = panel.mx_internal::getTitleBar();
                var titleIcon:Bitmap = panel.mx_internal::titleIconObject;

                var icon:Image = new Image();
                icon.source = new Bitmap(titleIcon.bitmapData);
                icon.toolTip = "I'm a mystery tool tip";
                icon.width = titleIcon.width;
                icon.height = titleIcon.height;
                icon.x = titleIcon.x;
                icon.y = titleIcon.y;

                var depth:int = titleBar.getChildIndex(titleIcon);
                titleBar.removeChildAt(depth);
                titleBar.addChildAt(icon, depth);
            }
        ]]>
    </mx:Script>

    <mx:Panel id="panel"
            title="My icon has a tool tip"
            titleIcon="@Embed('asterisk_orange.png')"
            width="320"
            height="120"
            creationComplete="init();" />

</mx:Application>

You may want to try asking on a high volume list, such as FlexCoders and see if you can get any other suggestions. It may be better to extend the Panel class and use an Image control instead of the Bitmap display object. Plus, by extending Panel, you could add a custom parameter (such as titleIconToolTip which would make the code easier to reuse.

Hope that helps,
Peter

Reply

Hi,

I want to shuffle the panels. Say for Example, if i have two panels that are created at run time using action script. I have one panel after the other in a canvas vertically. If i drag one panel and drop it over the other panel, the dragged panel must be placed on the position where the other panel is and the entire order of panels must get shuffled.

If its confusing, in the above example, if i drag the left panel and drop it over the right panel, the right should come to left and the left panel should come to right.

How can i do this.

Any suggestions or example.

Thanks for the help in advance.

Stranger

Reply

Joel,

Check out Ben Stucki’s IconUtility class at IconUtility Component for Dynamic Run-Time Icons.

Peter

Reply