<?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">

    <Script>
        <![CDATA[
            import flash.text.engine.TypographicCase;
            import mx.events.ListEvent;
            
            private function comboBox_change(evt:ListEvent):void {
                var value:String = comboBox.selectedItem.label;
                fxTextArea.setStyle("typographicCase", value);
            }
        ]]>
    </Script>

    <Declarations>
        <String id="lorem" source="data/lorem.html" />
        <Array id="arr">
            <Object label="{TypographicCase.CAPS}" />
            <Object label="{TypographicCase.CAPS_AND_SMALL_CAPS}" />
            <Object label="{TypographicCase.DEFAULT}" />
            <Object label="{TypographicCase.LOWERCASE}" />
            <Object label="{TypographicCase.SMALL_CAPS}" />
            <Object label="{TypographicCase.TITLE}" />
            <Object label="{TypographicCase.UPPERCASE}" />
        </Array>
    </Declarations>

    <ApplicationControlBar dock="true">
        <Form styleName="plain">
            <FormItem label="typographicCase:">
                <ComboBox id="comboBox"
                        dataProvider="{arr}"
                        selectedIndex="2"
                        change="comboBox_change(event);" />
            </FormItem>
        </Form>
    </ApplicationControlBar>

    <FxTextArea id="fxTextArea"
            content="{lorem}"
            widthInChars="80"
            marginTop="20" />

</Application>