<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2007/12/04/hiding-nested-controls-in-a-flex-richtexteditor-control-remix/ -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="middle"
        backgroundColor="white" viewSourceURL="srcview/index.html">

    <mx:Script>
        <![CDATA[
            import mx.controls.CheckBox;

            private function checkBox_change(evt:Event):void {
                var ch:CheckBox = evt.currentTarget as CheckBox;
                richTextEditor[ch.data].visible = ch.selected;
            }
        ]]>
    </mx:Script>

    <mx:ApplicationControlBar dock="true" verticalAlign="top">
        <mx:Form styleName="plain">
            <mx:FormItem label="fontFamilyCombo.visible:">
                <mx:CheckBox selected="true"
                        data="fontFamilyCombo"
                        change="checkBox_change(event);" />
            </mx:FormItem>
            <mx:FormItem label="fontSizeCombo.visible:">
                <mx:CheckBox selected="true"
                        data="fontSizeCombo"
                        change="checkBox_change(event);" />
            </mx:FormItem>
            <mx:FormItem label="toolBar2.visible:">
                <mx:CheckBox selected="true"
                        data="toolBar2"
                        change="checkBox_change(event);" />
            </mx:FormItem>
            <mx:FormItem label="colorPicker.visible:">
                <mx:CheckBox selected="true"
                        data="colorPicker"
                        change="checkBox_change(event);" />
            </mx:FormItem>
            <mx:FormItem label="alignButtons.visible:">
                <mx:CheckBox selected="true"
                        data="alignButtons"
                        change="checkBox_change(event);" />
            </mx:FormItem>
            <mx:FormItem label="bulletButton.visible:">
                <mx:CheckBox selected="true"
                        data="bulletButton"
                        change="checkBox_change(event);" />
            </mx:FormItem>
            <mx:FormItem label="linkTextInput.visible:">
                <mx:CheckBox selected="true"
                        data="linkTextInput"
                        change="checkBox_change(event);" />
            </mx:FormItem>
        </mx:Form>

        <mx:Spacer width="100%" />

        <mx:Form styleName="plain">
            <mx:FormItem label="_RichTextEditor_VRule1.visible:">
                <mx:CheckBox selected="true"
                        data="_RichTextEditor_VRule1"
                        change="checkBox_change(event);" />
            </mx:FormItem>
            <mx:FormItem label="_RichTextEditor_VRule2.visible:">
                <mx:CheckBox selected="true"
                        data="_RichTextEditor_VRule2"
                        change="checkBox_change(event);" />
            </mx:FormItem>
        </mx:Form>
    </mx:ApplicationControlBar>

    <mx:RichTextEditor id="richTextEditor"
            width="100%"
            height="100%" />

</mx:Application>
