<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2008/10/20/setting-the-typographic-case-on-an-fxtextarea-control-in-flex-gumbo/ -->
<Application name="FxTextArea_typographicCase_test"
        xmlns="http://ns.adobe.com/mxml/2009"
        layout="vertical"
        verticalAlign="middle"
        backgroundColor="white"
        initialize="init();">

    <Declarations>
        <String id="lorem" source="data/lorem.html" />
    </Declarations>

    <Script>
        <![CDATA[
            import flash.text.engine.TypographicCase;
            import mx.components.FxTextArea;
            import mx.containers.ApplicationControlBar;
            import mx.containers.Form;
            import mx.containers.FormItem;
            import mx.controls.ComboBox;
            import mx.events.ListEvent;

            private var comboBox:ComboBox;
            private var fxTextArea:FxTextArea;
            private var arr:Array;

            private function init():void {
                arr = [];
                arr.push({label:TypographicCase.CAPS});
                arr.push({label:TypographicCase.CAPS_AND_SMALL_CAPS});
                arr.push({label:TypographicCase.DEFAULT});
                arr.push({label:TypographicCase.LOWERCASE});
                arr.push({label:TypographicCase.SMALL_CAPS});
                arr.push({label:TypographicCase.TITLE});
                arr.push({label:TypographicCase.UPPERCASE});

                comboBox = new ComboBox();
                comboBox.dataProvider = arr;
                comboBox.selectedIndex = 2;
                comboBox.addEventListener(ListEvent.CHANGE,
                            comboBox_change);

                var formItem:FormItem = new FormItem();
                formItem.label = "typographicCase:";
                formItem.addChild(comboBox);

                var form:Form = new Form();
                form.styleName = "plain";
                form.addChild(formItem);

                var appControlBar:ApplicationControlBar;
                appControlBar = new ApplicationControlBar();
                appControlBar.dock = true;
                appControlBar.addChild(form);
                addChildAt(appControlBar, 0);

                fxTextArea = new FxTextArea();
                fxTextArea.content = lorem;
                fxTextArea.widthInChars = 80;
                fxTextArea.setStyle("marginTop", 20);
                addChild(fxTextArea);
            }

            private function comboBox_change(evt:ListEvent):void {
                var value:String = comboBox.selectedItem.label;
                fxTextArea.setStyle("typographicCase", value);
            }
        ]]>
    </Script>

</Application>