Full code after the jump.

To use the following code, you must have Flash Player 10 and a Flex Gumbo SDK installed in your [...]]]> The following example shows how you can add a custom link to a context menu in Flex Gumbo and Flash Player 10 by setting the link and contextMenu properties.

Full code after the jump.

To use the following code, you must have Flash Player 10 and a Flex Gumbo SDK installed in your Flex Builder 3. For more information on downloading and installing the Gumbo SDK into Flex Builder 3, see Using the beta Gumbo SDK in Flex Builder 3″.

View MXML

<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2008/08/26/adding-a-link-to-context-menu-in-flash-player-10/ -->
<Application name="Image_contextMenu_link_test"
        xmlns="http://ns.adobe.com/mxml/2009"
        xmlns:mx="library:adobe/flex/halo"
        xmlns:net="flash.net.*"
        xmlns:ui="flash.ui.*"
        layout="flex.layout.BasicLayout">

    <mx:Label id="lbl"
            text="Right-click image control for context menu"
            left="10"
            top="10" />

    <mx:Image id="img"
            source="@Embed('assets/fx_appicon-tn.gif')"
            verticalCenter="0"
            horizontalCenter="0">
        <mx:contextMenu>
            <ui:ContextMenu id="imageContextMenu">
                <ui:link>
                    <net:URLRequest url="http://www.adobe.com/go/flex"/>
                </ui:link>
            </ui:ContextMenu>
        </mx:contextMenu>
    </mx:Image>

</Application>

View source is enabled in the following example.

You can also set the link and contextMenu properties using ActionScript, as seen in the following example:

View MXML

<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2008/08/26/adding-a-link-to-context-menu-in-flash-player-10/ -->
<Application name="Image_contextMenu_link_test"
        xmlns="http://ns.adobe.com/mxml/2009"
        xmlns:mx="library:adobe/flex/halo"
        layout="flex.layout.BasicLayout"
        initialize="init();">

    <Script>
        <![CDATA[
            [Embed("assets/fx_appicon-tn.gif")]
            private var fxIcon:Class;

            private var imageContextMenu:ContextMenu;
            private var urlReq:URLRequest;

            private function init():void {
                urlReq = new URLRequest();
                urlReq.url = "http://www.adobe.com/go/flex";

                imageContextMenu = new ContextMenu();
                imageContextMenu.link = urlReq;

                lbl.text = "Right-click image control for context menu";
                lbl.setStyle("left", 10);
                lbl.setStyle("top", 10);

                img.source = fxIcon;
                img.setStyle("horizontalCenter", 0);
                img.setStyle("verticalCenter", 0);
                img.contextMenu = imageContextMenu;
            }
        ]]>
    </Script>

    <mx:Label id="lbl" />
    <mx:Image id="img" />

</Application>

 

Since this example uses the mx_internal namespace, you can’t always depend on this behavior to work in future versions of the Flex SDK. Use at your [...]]]> The following example shows how you can assign an HTML formatted string to a Panel container’s status text field using the getStatusTextField() method in the mx_internal namespace.

Since this example uses the mx_internal namespace, you can’t always depend on this behavior to work in future versions of the Flex SDK. Use at your own risk.

<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2008/04/17/adding-links-to-a-panel-containers-status-text-in-flex/ -->
<mx:Application name="Panel_getStatusTextField_test"
        xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="middle"
        backgroundColor="white"
        creationComplete="init();">
 
    <mx:Script>
        <![CDATA[
            import mx.core.IUITextField;
            import mx.controls.Alert;
 
            private function init():void {
                var tf:IUITextField = panel.mx_internal::getStatusTextField();
                tf.selectable = true;
                tf.addEventListener(TextEvent.LINK, textField_link);
                tf.htmlText = "status with <a href='event:showAlert'><u>link</u></a>";
 
            }
 
            private function textField_link(evt:TextEvent):void {
                Alert.show("Success! A Panel container with a link in the status text.", evt.text);
            }
        ]]>
    </mx:Script>
 
    <mx:Panel id="panel"
            title="Title"
            status="status with link"
            width="320"
            height="240">
        <mx:Text text="Click the link in the Panel container's status bar to launch an Alert control."
                width="100%" selectable="false" />
        <mx:ControlBar>
            <mx:Text htmlText="&lt;b&gt;Note:&lt;/b&gt; The status text field must have it's selectable property set to true in order to dispatch the link event."
                    width="100%" selectable="false" />
        </mx:ControlBar>
    </mx:Panel>
 
</mx:Application>

View source is enabled in the following example.

The status text field must have it’s selectable property set to true in order to dispatch the link event.

Note that the Panel container’s status message was initially set to the desired final string, minus any HTML formatting. This ensures that when the status text is created and measured, the HTML formatted text should fit correctly when it is substituted. This may not work if the width of your text changes due to bold fonts or other changes.