<?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"
        viewSourceURL="srcview/index.html">

    <Script>
        <![CDATA[
            import flash.text.engine.TypographicCase;
        ]]>
    </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" />
            </FormItem>
        </Form>
    </ApplicationControlBar>

    <FxTextArea id="fxTextArea"
            content="{lorem}"
            typographicCase="{comboBox.selectedItem.label}"
            widthInChars="80"
            marginTop="20" />

</Application>