Flex Examples

The following example shows you how you can edit the font family combo box in the RichTextEditor control in Flex.

Full code after the jump.

View MXML

<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2007/11/23/populating-the-nested-font-family-combobox-control-in-a-flex-richtexteditor-control/ -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="middle"
        backgroundColor="white">

    <mx:Array id="fontFamilyArr">
        <mx:String>Arial</mx:String>
        <mx:String>Verdana</mx:String>
        <mx:String>Comic Sans MS</mx:String>
    </mx:Array>

    <mx:RichTextEditor id="richTextEditor"
            fontFamilyArray="{fontFamilyArr}" />

</mx:Application>

View source is enabled in the following example.

You can also set the fontFamilyArray property using ActionScript, as seen in the following snippet:

richTextEditor.fontFamilyArray = fontFamilyArr;

Or, you can set the data provider on the ComboBox control directly, as seen in the following snippet:

richTextEditor.fontFamilyCombo.dataProvider = fontFamilyArr;