<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2008/10/22/setting-text-alignment-on-an-fxtextarea-control-in-flex-gumbo/ -->
<Application name="FxTextArea_textAlign_test"
        xmlns="http://ns.adobe.com/mxml/2009"
        layout="vertical"
        verticalAlign="middle"
        backgroundColor="white">

    <Script>
        <![CDATA[
            import flashx.textLayout.formats.Direction;
            import flashx.textLayout.formats.TextAlign;
            import mx.events.ListEvent;

            private function textAlignComboBox_change(evt:ListEvent):void {
                var value:String = evt.currentTarget.selectedItem;
                fxTextArea.setStyle("textAlign", value);
            }

            private function directionComboBox_change(evt:ListEvent):void {
                var value:String = evt.currentTarget.selectedItem;
                fxTextArea.setStyle("direction", value);
            }
        ]]>
    </Script>

    <Declarations>
        <Array id="textAlignDP">
            <String>{TextAlign.START}</String>
            <String>{TextAlign.LEFT}</String>
            <String>{TextAlign.CENTER}</String>
            <String>{TextAlign.RIGHT}</String>
            <String>{TextAlign.END}</String>
            <String>{TextAlign.JUSTIFY}</String>
        </Array>
        <Array id="directionDP">
            <String>{Direction.LTR}</String>
            <String>{Direction.RTL}</String>
        </Array>
        <String id="lorem" source="data/lorem.html" />
    </Declarations>

    <ApplicationControlBar dock="true">
        <Form styleName="plain">
            <FormItem label="textAlign:">
                <ComboBox id="textAlignComboBox"
                        dataProvider="{textAlignDP}"
                        change="textAlignComboBox_change(event);" />
            </FormItem>
            <FormItem label="direction:">
                <ComboBox id="directionComboBox"
                        dataProvider="{directionDP}"
                        change="textAlignComboBox_change(event)" />
            </FormItem>
        </Form>
    </ApplicationControlBar>

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

</Application>