Adding a title icon to a Flex RichTextEditor control

The following example shows how you can add a title icon to a Flex RichTextEditor control.

Full code after the jump.

View MXML

<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2007/11/21/adding-a-title-icon-to-a-flex-richtexteditor-control/ -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="middle"
        backgroundColor="white">

    <mx:Script>
        <![CDATA[
            [Bindable]
            [Embed("RichTextEditor.png")]
            private var RichTextEditorIcon:Class;
        ]]>
    </mx:Script>

    <mx:RichTextEditor id="richTextEditor"
            title="Rich Text Editor"
            titleIcon="{RichTextEditorIcon}" />

</mx:Application>

View source is enabled in the following example.

If you want to embed the image within the MXML script instead of ActionScript, you could do something like the following snippet:

<mx:RichTextEditor id="richTextEditor"
        title="Rich Text Editor"
        titleIcon="@Embed('RichTextEditor.png')" />

Tagged as: titleIcon